Update app.py

app.py

@@ -37,28 +37,23 @@ with gr.Blocks(theme=gr.themes.Glass()) as demo:
         
     # INTERFACE
     title = gr.Markdown(value=languagedict['English']['welcome'])
-    language = gr.Dropdown(languageoptions , value= "English")
-    with gr.Tab(languagedict['English']['whatcanido']):
+    language = gr.Dropdown(languageoptions , value= "English", label="Choose language / 選擇語言")
+    with tab1 = gr.Tab(languagedict['English']['whatcanido']):
         chatbot1 = gr.Chatbot()
         input1 = gr.Textbox(label = languagedict['English']['whatcanidolabel'])
         state1 = gr.State([])
-    with gr.Tab(languagedict['English']['whatskills']):
+    with tab2 = gr.Tab(languagedict['English']['interviewquestions']):
         chatbot2 = gr.Chatbot()
-        input2 = gr.Textbox(label = languagedict['English']['whatskillslabel'])
+        input2 = gr.Textbox(label = languagedict['English']['interviewquestionslabel'])
         state2 = gr.State([])
-    with gr.Tab(languagedict['English']['interviewquestions']):
+    with tab3 = gr.Tab(languagedict['English']['help']):
         chatbot3 = gr.Chatbot()
-        input3 = gr.Textbox(label = languagedict['English']['interviewquestionslabel'])
+        input3 = gr.Textbox(label = languagedict['English']['helplabel'])
         state3 = gr.State([])
-    with gr.Tab(languagedict['English']['help']):
-        chatbot4 = gr.Chatbot()
-        input4 = gr.Textbox(label = languagedict['English']['helplabel'])
-        state4 = gr.State([])
     with gr.Tab("MIW"):
         code = gr.Textbox(label = 'Code')
         instructions = gr.Textbox(label = 'Instructions', lines=10, max_lines= 100, visible = False)
     clear = gr.Button('Clear')
-
     themewhatcanido = f"""
 You are a career advisor for people in Hong Kong with relatively low skills job.
 Your mission is to ask several questions to then help them identify what are their job options, taking into consideration:
@@ -152,16 +147,22 @@ IMPORTANT: write in {language}, in the style of a native inhabitant from Kowloon
         state += {'role':'assistant','content':'response'}
         return chatbot, state
 
-    def whatcanido(input1):
-        result = answer(input1, state1)
-    def interviewquestions(input2):
+    def refresh(language):
+        titleup = gr.update(value = languagedict[language]['welcome'])
+        tab1up = gr.update(value = languagedict[language]['whatcanido'])
+        tab2up = gr.update(value = languagedict[language]['interviewquestions'])
+        tab3up = gr.update(value = languagedict[language]['help'])
+        input1up = gr.update(value = languagedict[language]['whatcanidolabel'])
+        input2up = gr.update(value = languagedict[language]['interviewquestionslabel'])
+        input3up = gr.update(value = languagedict[language]['helplabel'])
+        return titleup, tab1up, tab2up, tab3up, input1up, input2up, input3up
 
-    def help(input3)
-        
     # Launcher
     input1.submit(user, [input1, chatbot1, state1], [input1, chatbot1, state1]).then(bot, [chatbot1, state1, "mode1"], [chatbot1, state1])
     input2.submit(user, [input2, chatbot2, state2], [input2, chatbot2, state2]).then(bot, [chatbot2, state2, "mode2"], [chatbot2, state2])
     input3.submit(user, [input3, chatbot3, state3], [input3, chatbot3, state3]).then(bot, [chatbot3, state3, "mode3"], [chatbot3, state3])
     clear.click(lambda: None, None, [chatbot1, chatbot2, chatbot3], queue=True).success(init_history, [state1, state2, state3], [state1, state2, state3])
+    language.change(refresh, language, [title, tab1, tab2, tab3, input1, input2, input3])
+
 demo.queue()
 demo.launch()