Update app.py

app.py

@@ -35,7 +35,7 @@ def classify_message(user_message, bot_response):
     elif "career" in user_message.lower():
         saved_chats["Career Advice"].append((user_message, bot_response))
         return "Career Advice"
-    elif "suggestions" in user_message.lowe():
+    elif "suggestions" in user_message.lower():
         saved_chats["Suggestions"].append((user_message, bot_response))
         return "Suggestions"
     else:
@@ -49,7 +49,7 @@ def chatbot(user_input, history=[]):
     history.append((f"({topic}) You: {user_input}", f"Motivator Bot: {bot_response}"))
     return history, saved_chats
 
-# Gradio Interface setup
+# Function to display saved chats
 def display_saved_chats():
     display = ""
     for category, chats in saved_chats.items():
@@ -59,6 +59,7 @@ def display_saved_chats():
         display += "</div>"
     return display.strip()
 
+# Gradio Interface setup
 chat_interface = gr.Blocks(css="""
 body {
     font-family: 'Poppins', sans-serif;
@@ -83,85 +84,4 @@ header, footer {
     padding: 1rem;
     border-radius: 15px;
     margin-bottom: 1rem;
-    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
-}
-
-.chatbot-container {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    border-radius: 15px;
-    background: rgba(255, 255, 255, 0.8);
-    padding: 1rem;
-    height: 400px;
-    overflow-y: auto;
-    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
-}
-
-input, button {
-    border: none;
-    padding: 0.8rem;
-    border-radius: 10px;
-    margin: 0.5rem 0;
-    outline: none;
-}
-
-input {
-    background: #fff;
-    color: #333;
-    font-size: 1rem;
-}
-
-button {
-    background: linear-gradient(90deg, #6a11cb, #2575fc);
-    color: white;
-    font-weight: bold;
-    cursor: pointer;
-    transition: transform 0.2s, background 0.2s;
-}
-
-button:hover {
-    transform: scale(1.05);
-    background: linear-gradient(90deg, #2575fc, #6a11cb);
-}
-
-.chat-category {
-    background: rgba(0, 0, 0, 0.05);
-    border: 2px solid #ff7eb3;
-    margin: 1rem 0;
-    padding: 1rem;
-    border-radius: 10px;
-    transition: transform 0.2s, box-shadow 0.2s;
-}
-
-.chat-category:hover {
-    transform: translateY(-3px);
-    box-shadow: 0px 4px 15px rgba(255, 127, 179, 0.5);
-}
-""")
-
-with chat_interface:
-    with gr.Row():
-        gr.Markdown("<h1 style='text-align:center;'>🌈 Vibrant Motivational Chatbot</h1>")
-    with gr.Row():
-        gr.Markdown("**Feeling stressed or unmotivated? Share your thoughts and let me help!**")
-    with gr.Row():
-        chatbot_output = gr.Chatbot(label="Motivator Bot", interactive=True)
-    with gr.Row():
-        user_input = gr.Textbox(label="Your Message", placeholder="Type something...")
-        send_button = gr.Button("Send")
-    with gr.Row():
-        saved_chats_display = gr.HTML(label="Saved Chats", value=display_saved_chats())
-        refresh_button = gr.Button("Refresh Saved Chats")
-    
-    def handle_interaction(user_input, history):
-        if not user_input.strip():
-            return history, display_saved_chats()
-        updated_history, _ = chatbot(user_input, history)
-        return updated_history, display_saved_chats()
-    
-    send_button.click(handle_interaction, inputs=[user_input, chatbot_output], outputs=[chatbot_output, saved_chats_display])
-    refresh_button.click(display_saved_chats, inputs=[], outputs=saved_chats_display)
-
-if __name__ == "__main__":
-    chat_interface.launch()
+    box-shadow: 0px 4px 15px rgba(0, 0,