Update app.py

app.py

@@ -75,9 +75,9 @@ with gr.Blocks(theme=gr.themes.Glass()) as demo:
 
     def refresh(language: str):
         titleup = gr.update(value = languagedict[language]['welcome'])
-        input1up = gr.update(label = languagedict[language]['whatcanidolabel'])
-        input2up = gr.update(label = languagedict[language]['interviewquestionslabel'])
-        input3up = gr.update(label = languagedict[language]['helplabel'])
+        input1up = gr.update(label = languagedict[language]['whatcanidolabel'], placeholder = languagedict[language]['whatcanidoph'])
+        input2up = gr.update(label = languagedict[language]['interviewquestionslabel'], placeholder = languagedict[language]['interviewquestionsph'])
+        input3up = gr.update(label = languagedict[language]['helplabel'], placeholder = languagedict[language]['helpph'])
         chatbot1up = [[None,languagedict[language]['whatcanidofirst']]]
         state1up = [{"role": "system", "content": themewhatcanido},{"role": "assistant", "content": languagedict[language]['whatcanidofirst']}]
         chatbot2up = [[None,languagedict[language]['interviewquestionsfirst']]]
@@ -94,24 +94,30 @@ with gr.Blocks(theme=gr.themes.Glass()) as demo:
             "whatcanido": "What job can I do?",
             "whatcanidofirst" : "Tell me about you.",
             "whatcanidolabel": "Write your preferences and we can suggest some options",
+            "whatcanidoph": "I'm a 30 years old single mother, I have a 6 years old daughter. I can cook, take care of children and elderly and have been a waiter at a restaurant before.\nI have a high school degree.",
             "interviewquestions": "How to prepare for interview?",
             "interviewquestionsfirst": "What is the role you're interviewing for?",
             "interviewquestionslabel": "Answer the questions for this virtual interview",
+            "interviewquestionsph": "I want to prepare for an interview as a receptionist.",
             "help": "Where to get help?",
             "helpfirst": "How can I help you?",
-            "helplabel": "Where do you need help? Here's is what we can suggest"
+            "helplabel": "Where do you need help? Here's is what we can suggest",
+            "helpph": "How can I have support to take care of my daughter during my work? / How can I get trained on Excel?"
         },
         "廣東話": {
             "welcome": "歡迎使用 Make It Work App - 借助人工智能，您可以獲得量身定制的幫助",
             "whatcanido": "我可以做什麼工作？",
             "whatcanidofirst" : "介紹一下你自己吧。",
             "whatcanidolabel": "寫下您的喜好，我們可以建議一些選擇",
+            "whatcanidoph": "我是一個 30 歲的單身母親，我有一個 6 歲的女兒。我會做飯，照顧孩子和老人，以前在餐廳當過服務員。\n我有高中學歷。",
             "interviewquestions": "如何準備面試？",
             "interviewquestionsfirst": "你面試的角色是什麼？",
             "interviewquestionslabel": "回答這位 AI 面試官的問題",
+            "interviewquestionsph": "我想以接待員的身份準備面試。",
             "help": "去哪裡尋求幫助？",
             "helpfirst": "我怎麼幫你",
-            "helplabel": "你在哪裡需要幫助？我們會讓您知道如何找到它"
+            "helplabel": "你在哪裡需要幫助？我們會讓您知道如何找到它",
+            "helpph": "我如何在工作期間獲得支持來照顧我的女兒？ / 我怎樣才能接受 Excel 培訓？"
         }
     }
 
@@ -120,10 +126,11 @@ with gr.Blocks(theme=gr.themes.Glass()) as demo:
     # INTERFACE
     mode = gr.Textbox(value = "mode1", visible = False)
     with gr.Row():
+        with gr.Column(scale = 1):
+            visual = gr.Image(value = url, shape = [150,150])
         with gr.Column(scale = 3):
             title = gr.Markdown(value=languagedict['English']['welcome'])
-            with gr.Accordion("Language/語言", open = False):
-                language = gr.Dropdown(languageoptions , value= "English", label="Choose language / 選擇語言")
+            language = gr.Dropdown(languageoptions , value= "English", label="Choose language / 選擇語言")
             
             # REFERENCES
         
@@ -171,15 +178,15 @@ with gr.Blocks(theme=gr.themes.Glass()) as demo:
             #INTERFACE
             with gr.Tab(f"{languagedict['English']['whatcanido']} / {languagedict['廣東話']['whatcanido']}"):
                 chatbot1 = gr.Chatbot([[None,languagedict['English']['whatcanidofirst']]])
-                input1 = gr.Textbox(label = languagedict['English']['whatcanidolabel'])
+                input1 = gr.Textbox(label = languagedict['English']['whatcanidolabel'], placeholder = languagedict['English']['whatcanidoph'])
                 state1 = gr.State([{"role": "system", "content": themewhatcanido},{"role": "assistant", "content": languagedict['English']['whatcanidofirst']}])
             with gr.Tab(f"{languagedict['English']['interviewquestions']} / {languagedict['廣東話']['interviewquestions']}"):
                 chatbot2 = gr.Chatbot([[None,languagedict['English']['interviewquestionsfirst']]])
-                input2 = gr.Textbox(label = languagedict['English']['interviewquestionslabel'])
+                input2 = gr.Textbox(label = languagedict['English']['interviewquestionslabel'], placeholder = languagedict['English']['interviewquestionsph'])
                 state2 = gr.State([{"role": "system", "content": themeinterviewquestions},{"role": "assistant", "content": languagedict['English']['interviewquestionsfirst']}])
             with gr.Tab(f"{languagedict['English']['help']} / {languagedict['廣東話']['help']}"):
                 chatbot3 = gr.Chatbot([[None,languagedict['English']['helpfirst']]])
-                input3 = gr.Textbox(label = languagedict['English']['helplabel'])
+                input3 = gr.Textbox(label = languagedict['English']['helplabel'], placeholder = languagedict['English']['helpph'])
                 with gr.Accordion("MIW", open = False):
                     code = gr.Textbox(label = 'Code')
                     instructions = gr.Textbox(label = 'Instructions', lines=10, max_lines= 100, visible = False)
@@ -187,9 +194,6 @@ with gr.Blocks(theme=gr.themes.Glass()) as demo:
                 state3 = gr.State([{"role": "system", "content": themehelp + f"\n{complement}"},{"role": "assistant", "content": languagedict['English']['helpfirst']}])
             clear = gr.Button('Clear')
     
-        with gr.Column(scale = 1):
-            visual = gr.Image(value = url, shape = [150,150])
-
     # Launcher
     input1.submit(refreshmode1, mode, mode).then(user, [input1, chatbot1, state1, language, mode], [input1, chatbot1, state1]).then(bot, [chatbot1, state1], [chatbot1, state1])
     input2.submit(refreshmode2, mode, mode).then(user, [input2, chatbot2, state2, language, mode], [input2, chatbot2, state2]).then(bot, [chatbot2, state2], [chatbot2, state2])