Update app.py

app.py

@@ -159,24 +159,24 @@ def gradio_download():
 with gr.Blocks() as demo:
     gr.Markdown("# OHA Form Filler App")
     
-    with gr.Tabs():
+    with gr.Tabs() as tabs:
         with gr.TabItem("Doctor Info"):
             doctor_name_input = gr.Textbox(label="Doctor's Name", interactive=True)
             location_input = gr.Textbox(label="Location", interactive=True)
-            next_button = gr.Button("Next", elem_id="next_button")
+            next_button = gr.Button("Next")
         
         with gr.TabItem("OHA Form"):
-            audio_input = gr.Audio(type="filepath", label="Record your audio", elem_id="audio_input")
-            transcribe_button = gr.Button("Transcribe and Generate Form", elem_id="transcribe_button")
+            audio_input = gr.Audio(type="filepath", label="Record your audio")
+            transcribe_button = gr.Button("Transcribe and Generate Form")
             
-            with gr.Row(elem_id="textboxes_row"):
+            with gr.Row():
                 with gr.Column():
                     textboxes_left = [gr.Textbox(label=oral_health_assessment_form[i], value="", interactive=True) for i in range(2, len(oral_health_assessment_form)//2)]
                 with gr.Column():
                     textboxes_right = [gr.Textbox(label=oral_health_assessment_form[i], value="", interactive=True) for i in range(len(oral_health_assessment_form)//2, len(oral_health_assessment_form)-1)]
                     dropdown_referred = gr.Dropdown(choices=["NONE","ORAL MEDICINE & RADIOLOGY", "PERIODONTICS", "ORAL SURGERY", "CONSERVATIVE AND ENDODONTICS", "PROSTHODONTICS", "PEDODONTICS", "ORTHODONTICS"], label="Referred to", interactive=True)
             
-            submit_button = gr.Button("Submit", elem_id="submit_button")
+            submit_button = gr.Button("Submit")
             output_html = gr.HTML(label="Submitted Answers")
 
             transcribe_button.click(fn=main, inputs=[audio_input, doctor_name_input, location_input], outputs=textboxes_left + textboxes_right)
@@ -188,7 +188,7 @@ with gr.Blocks() as demo:
 
             download_button.click(fn=gradio_download, inputs=[], outputs=download_csv_output)
 
-    next_button.click(None, [], [], _js="() => { document.querySelector('button[aria-controls=\"OHA Form\"]').click(); }")
+    next_button.click(fn=lambda: gr.set_active(tabs, 1), inputs=[], outputs=[])
 
 # Launch the app
 demo.launch()