ui update

app.py

@@ -1,14 +1,33 @@
 import gradio as gr
 
+def process(text1):
+  return "this is "+text1+" after prompted"
+
+def happy_tone(text2):
+  return text2+" with Happy tone"
+
+def sad_tone(text2):
+  return text2+" with Sad tone"
+
+def excited_tone(text2):
+  return text2+" with Excited tone"
+
+
+
 with gr.Blocks() as demo:
     with gr.Row():
         with gr.Column(scale=1, min_width=600):
             text1 = gr.Textbox(label="Input Text")
+            process_btn = gr.Button("Process")
             text2 = gr.Textbox(label="prompt",interactive=False)
+            process_btn.click(fn=process, inputs=text1, outputs=text2, api_name="process")
+            
             with gr.Row():
-                happpy_button = gr.Button("Happy")
-                sad_button = gr.Button("Sad")
-                excited_button = gr.Button("Excited")
+                happy_btn = gr.Button("Happy")
+                sad_btn = gr.Button("Sad")
+                excited_btn = gr.Button("Excited")
             text5 = gr.Textbox(label="prompt After Tone",interactive=False)
-
-demo.launch()
+            happy_btn.click(fn=happy_tone, inputs=text2, outputs=text5, api_name="happy_tone")
+            sad_btn.click(fn=sad_tone, inputs=text2, outputs=text5, api_name="sad_tone")
+            excited_btn.click(fn=excited_tone, inputs=text2, outputs=text5, api_name="excited_tone")
+demo.launch()