Update app.py

app.py

@@ -202,7 +202,7 @@ arabic_letters_data = [
         "letter": "ق",
         "image": os.path.join(IMAGE_DIR, "qaf.jpg"),
         "audio": os.path.join(AUDIO_DIR, "qaf.wav"),
-        "word_example": "قرد (Qird - Monkey)", # Updated word example
+        "word_example": "قرد (Qird - Monkey)",
         "word_image": os.path.join(IMAGE_DIR, "qird.jpg"), # Corrected
         "word_audio": os.path.join(AUDIO_DIR, "qird.wav"), # Corrected
     },
@@ -210,7 +210,7 @@ arabic_letters_data = [
         "letter": "ك",
         "image": os.path.join(IMAGE_DIR, "kaf.jpg"),
         "audio": os.path.join(AUDIO_DIR, "kaf.wav"),
-        "word_example": "كلب (Kalb - Dog)", # Corrected word example
+        "word_example": "كلب (Kalb - Dog)",
         "word_image": os.path.join(IMAGE_DIR, "kalb.jpg"), # Corrected
         "word_audio": os.path.join(AUDIO_DIR, "kalb.wav"), # Corrected
     },
@@ -241,9 +241,9 @@ arabic_letters_data = [
     },
     {
         "letter": "ه",
-        "image": os.path.join(IMAGE_DIR, "ha.jpg"), # This is likely 'ha_original.jpg' as in your previous thoughts, but the image shows 'ha.jpg' for this example
+        "image": os.path.join(IMAGE_DIR, "ha.jpg"), 
         "audio": os.path.join(AUDIO_DIR, "ha.wav"),
-        "word_example": "هاتف (Hatif - Telephone)", # Updated word example
+        "word_example": "هاتف (Hatif - Telephone)", 
         "word_image": os.path.join(IMAGE_DIR, "hatif.jpg"), # Corrected
         "word_audio": os.path.join(AUDIO_DIR, "hatif.wav"), # Corrected
     },
@@ -322,10 +322,11 @@ def get_current_letter_content():
     data = arabic_letters_data[current_letter_idx]
     
     # Return (letter_image, letter_audio, word_example_display, word_image, word_audio)
+    # Note: word_example is still returned for internal use if needed, but not displayed directly
     return (
         data["image"],
         data["audio"], # This audio is for the letter sound itself
-        data["word_example"],
+        data["word_example"], # Keep this for `play_word_btn` to access the word's pronunciation
         data["word_image"],
         data["word_audio"] # This audio is for the word example sound
     )
@@ -619,7 +620,7 @@ with gr.Blocks(
     gr.Markdown("# <span style='color:#007bff;'>تطبيق تعلم العربية للأطفال</span>", rtl=True)
     # Add logo image
     gr.Image(
-        value=os.path.join(IMAGE_DIR, "Applogo.png"), # Path to your logo image
+        value=os.path.join(IMAGE_DIR, "Applogo.jpg"), # Path to your logo image
         label="شعار التطبيق (App Logo)",
         width=300,
         height=150,
@@ -666,13 +667,7 @@ with gr.Blocks(
 
                 # --- Word Example Section for the current letter ---
                 gr.Markdown("### <span style='color:#ffc107;'>كلمات تبدأ بهذا الحرف (Words starting with this letter)</span>", rtl=True)
-                # Display area for the example word
-                word_example_display = gr.Markdown(
-                    value="",
-                    label="كلمة (Word)",
-                    rtl=True,
-                    elem_classes=["gr-markdown"]
-                )
+                # Removed word_example_display gr.Markdown
                 # Display image for the example word
                 word_image = gr.Image(
                     label="صورة الكلمة (Word Image)",
@@ -781,7 +776,7 @@ with gr.Blocks(
         outputs=[
             letter_image, 
             letter_audio_output, 
-            word_example_display,
+            word_example_display, # word_example_display is still in outputs for the function to return
             word_image,
             word_audio_output 
         ],
@@ -795,7 +790,7 @@ with gr.Blocks(
         outputs=[
             letter_image, 
             letter_audio_output,
-            word_example_display,
+            word_example_display, # Still in outputs
             word_image,
             word_audio_output
         ]
@@ -806,7 +801,7 @@ with gr.Blocks(
         outputs=[
             letter_image, 
             letter_audio_output,
-            word_example_display,
+            word_example_display, # Still in outputs
             word_image,
             word_audio_output
         ]