Update app.py

app.py

@@ -61,7 +61,7 @@ support_gr = gr.TextArea(
     value="Bananas are yellow and curved."
 )
 
-answer_gr = gr.TextArea(
+answer_gr = gr.Text(
     label="Answer optional",
     info="Make sure you use proper punctuation.",
     value="yellow"
@@ -69,16 +69,38 @@ answer_gr = gr.TextArea(
 
 button = gr.Button("Generate", elem_id="send-btn", visible=True)
 
-output_gr = gr.TextArea(
-    label="Output",
-    info="Make sure you use proper punctuation.",
-    value=""
+context_output_gr = gr.Text(
+    label="Output"
+)
+answer_output_gr = gr.Text(
+    label="Output"
+)
+question_output_gr = gr.Text(
+    label="Output"
+)
+distractor1_output_gr = gr.Text(
+    label="Output"
 )
+distractor2_output_gr = gr.Text(
+    label="Output"
+)
+distractor3_output_gr = gr.Text(
+    label="Output"
+)
+
+button.click(
+            predict,
+            [
+                support_gr,
+                answer_gr,
+            ],
+            outputs=[context_output_gr, answer_output_gr, question_output_gr, distractor1_output_gr, distractor2_output_gr, distractor3_output_gr],
+        )
 
 gr.Interface(
     fn=predict,
     inputs=[support_gr, answer_gr],
-    outputs=[output_gr],
+    outputs=[context_output_gr, answer_output_gr, question_output_gr, distractor1_output_gr, distractor2_output_gr, distractor3_output_gr],
     title=title,
     description=description,
     article=article,