update app

app.py

@@ -1,5 +1,6 @@
-import openai
+#import openai
 import gradio as gr
+import os
 
 # openai.api_key = "MY_API_KEY"
 
@@ -20,27 +21,51 @@ import gradio as gr
 import random
 import time
 
-with gr.Blocks() as demo:
-    chatbot = gr.Chatbot()
-    msg = gr.Textbox()
-    clear = gr.Button("Clear")
-
-    def user(user_message, history):
-        return "", history + [[user_message, None]]
+theme = gr.themes.Base(
+    primary_hue="gray",
+    secondary_hue="gray",
+).set(
+    background_fill_primary_dark='*block_title_background_fill',
+    background_fill_secondary_dark='*neutral_950'
+)
+
+with gr.Blocks(theme = theme) as demo:
+    chatbot = gr.Chatbot(value = [], elem_id="chatbot", layout = "panel",
+    avatar_images=((os.path.join(os.path.dirname(__file__), "usericon.jpeg")), (os.path.join(os.path.dirname(__file__), "chatboticon.jpeg"))))
+    
+    with gr.Row():
+        with gr.Column(min_width=200, scale=10):
+            msg = gr.Textbox(
+                show_label=False,
+                placeholder="Enter text and press enter",
+                max_lines = 5, 
+                container = False,
+                
+            )
+        with gr.Column(min_width = 42, scale= 1):
+            btn = gr.Button(value="⬆︎")
 
-    def bot(history, user_message):
-        #bot_message = random.choice(["How are you?", "I love you", "I'm very hungry"])
 
+    
+    def user(user_message, history):
         qs = {'hello': 'hi, how can i help you?', 'hi': 'hi, how can i help you?', 'restaurants': "New York City boasts a diverse culinary scene. Notable restaurants include fine dining establishments like Per Se, iconic pizzerias like Di Fara Pizza, classic delis like Katz's, and trendy spots like Momofuku Noodle Bar. Options range from Italian at Lilia to Asian fusion at Mission Chinese Food, with diverse choices reflecting the city's international influences. Explore neighborhoods for hidden gems, and iconic markets like Chelsea Market offer a variety of food experiences.", 'president': 'As of my last knowledge update in January 2022, Joe Biden was the President of the United States. However, please note that my information might be outdated, as I do not have real-time capabilities. I recommend checking the latest reliable sources for the most current information on the President of the United States.', 'moon': "The Moon is Earth's only natural satellite, formed about 4.5 billion years ago. It has a diameter of 3,474 kilometers, 1/6th of Earth's gravity, and features like craters, mountains, and lunar maria. The Moon has no significant atmosphere, experiences phases due to its orbit, and was explored by astronauts during the Apollo missions. Future plans include returning to the Moon for exploration and potential habitation.",
       'gogh': "Vincent van Gogh (1853–1890) was a Dutch post-impressionist painter. He is renowned for his expressive use of color, bold brushstrokes, and emotional intensity in works like Starry Night and Sunflowers. Despite struggling with mental health issues throughout his life, van Gogh created over 2,000 artworks, but he only gained widespread recognition after his death. His impact on art and his unique style have made him an enduring figure in the history of Western art."}
 
         def chat(input):
-            for q in set(input.lower().split()):
+           for q in set(input.lower().split()):
                 if q in qs:
                     return qs[q]
-
+                else:
+                    return "Sorry, I don't know"
         bot_message = chat(user_message)
 
+        return "", history + [[user_message, bot_message]]
+
+    def bot(history):
+        print(history)
+        # bot_message = random.choice(["How are you?", "I love you", "I'm very hungry"])
+        #history[-1][1] = ""
+        bot_message = history[-1][1]
         history[-1][1] = ""
         for character in bot_message:
             history[-1][1] += character
@@ -50,7 +75,11 @@ with gr.Blocks() as demo:
     msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(
         bot, chatbot, chatbot
     )
-    clear.click(lambda: None, None, chatbot, queue=False)
+    btn.click(user, [msg, chatbot], [msg, chatbot], queue=False).then(
+        bot, chatbot, chatbot
+    )
+    
+
     
 demo.queue()
 demo.launch()