Update app.py

app.py

@@ -1,3 +1,5 @@
+# refer to repo https://github.com/gradio-app/gradio/blob/main/demo/chatbot_multimodal/run.ipynb for enhancement
+
 import PIL.Image
 import gradio as gr
 import base64
@@ -24,7 +26,7 @@ For example:
 3- Notify Richard after shipment
 """
 
-txt_display_1 = 'content of instructions on what to do.'
+txt_display_1 = 'content of email'
 
 import os
 
@@ -63,27 +65,24 @@ def app2_response(history,text,img):
 
 # Function that takes User Inputs and displays it on ChatUI
 
-def app1_query(history,img):
+def app1_query(img):
     if not img:
-        history += [(txt_prompt_1,None)]
-        return history
+        return txt_prompt_1
     base64 = image_to_base64(img)
     data_url = f"data:image/jpeg;base64,{base64}"
-    history += [(f" ![]({data_url})", None)]
-    return history
+    outputText = [(f"{txt_display_1} ![]({data_url})", None)]
+    return outputText
 
 # Function that takes User Inputs, generates Response and displays on Chat UI
-def app1_response(history,img):
+def app1_response(img):
     if not img:
         response = txt_model.generate_content(txt_prompt_1)
-        history += [(None,response.text)]
-        return history
+        return response
 
     else:
         img = PIL.Image.open(img)
         response = vis_model.generate_content([txt_prompt_1,img])
-        history += [(None,response.text)]
-        return history
+        return response.text
 
         
 # Interface Code- Selector method
@@ -92,22 +91,20 @@ def sentence_builder(animal, place):
     return f"""how many {animal}s from the {place} are shown in the picture?"""
 
 # gradio block
-
-
+    
 with gr.Blocks(theme='snehilsanyal/scikit-learn') as app1:
-    outputbox = gr.Textbox(label="here are the plans...")
-
     with gr.Column():    
-        image_box = gr.Image(type="filepath")
-        btn = gr.Button("Make a Plan")
-        clicked = btn.click(app1_query,
-                            [image_box],
-                            outputbox
-                            ).then(app1_response,
-                                    [image_box],
-                                    outputbox
-                                    )
         outputbox = gr.Textbox(label="here are the plans...")
+        image_box = gr.Image(type="filepath")
+        
+    btn = gr.Button("Make a Plan")
+    clicked = btn.click(app1_query,
+                        [image_box],
+                        outputbox
+                        ).then(app1_response,
+                                [image_box],
+                                outputbox
+                                )
     gr.Markdown("""
     # Make a Plan #