test of datalist

app.py

@@ -1,3 +1,4 @@
+from ctypes.wintypes import LANGID
 from email.policy import default
 import os
 import csv
@@ -55,7 +56,7 @@ def save_record(language,text,record,number,age,gender,accent,number_history,cur
     speaker_metadata['gender'] = gender if gender!=GENDER[0] else ''
     speaker_metadata['age'] = age if age !='' else ''
     speaker_metadata['accent'] = accent if accent!='' else ''
-
+    import pdb;pdb.set_trace()
     default_record = None
     if not done_recording:
         if language!=None and language!='Choose language' and record is not None and number is not None:
@@ -195,7 +196,16 @@ markdown="""
 7. Repeat 4-7
 8. Leave a ❤ in the Space, if you found it fun.
 """
+SORTED_LANGUAGES = sorted([lang_.title() for lang_ in list(DEFAULT_LANGS.keys())])
+LANGAUGES_CHOOSE = """
+<label for="langs"> Choose your language </label>
+<input type="text" id="langs" name="AfricanLanguages" list="languagesList">
 
+<datalist id='languagesList'>
+"""
+for lang in SORTED_LANGUAGES:
+    LANGAUGES_CHOOSE+= f"<option> {lang} </option> \n"
+LANGAUGES_CHOOSE+="</datalist>"
 
 
 # Interface design begins
@@ -206,7 +216,8 @@ with block:
         
         with gr.TabItem('Record'):
             with gr.Row():
-                language = gr.inputs.Dropdown(choices = sorted([lang_.title() for lang_ in list(DEFAULT_LANGS.keys())]),label="Choose language",default="Choose language")
+                language = gr.HTML(LANGAUGES_CHOOSE)
+                #language = gr.inputs.Dropdown(choices = sorted([lang_.title() for lang_ in list(DEFAULT_LANGS.keys())]),label="Choose language",default="Choose language")
                 age = gr.inputs.Textbox(placeholder='e.g. 21',label="Your age (optional)",default='')  
                 gender = gr.inputs.Dropdown(choices=GENDER, type="value", default=None, label="Gender (optional)")  
                 accent = gr.inputs.Textbox(label="Accent (optional)",default='')