Update app.py

app.py

@@ -179,36 +179,67 @@ css = """
         background-color: #f7f7f7;
     }
     .gradio-input, .gradio-output {
-        font-size: 16px;
+        padding: 10px;
+        border-radius: 5px;
+        background-color: #fff;
+        border: 1px solid #ccc;
     }
-    .gradio-button {
-        background-color: #FF5733;
+    .gradio-container .gradio-button {
+        background-color: #4CAF50;
         color: white;
         border-radius: 5px;
     }
-    .gradio-button:hover {
-        background-color: #C70039;
+    .gradio-container .gradio-button:hover {
+        background-color: #45a049;
+    }
+    .gradio-output {
+        font-size: 16px;
+        color: #333;
+    }
+    .gradio-container h3 {
+        color: #333;
+    }
+    .gradio-output .output {
+        border-top: 2px solid #ddd;
     }
 """
 
-# Gradio interface
+# Gradio interface components
+def gradio_app(message, current_location, health_professional_query, history):
+    # Detect sentiment and emotion
+    sentiment = analyze_sentiment(message)
+    emotion = detect_emotion(message)
+    
+    # Generate suggestions based on emotion
+    suggestions_df = generate_suggestions(emotion)
+    
+    # Get health professionals details and map
+    route_info, map_html = get_health_professionals_and_map(current_location, health_professional_query)
+    
+    return sentiment, emotion, suggestions_df, route_info, map_html, history
+
+# Gradio interface setup
 iface = gr.Interface(
-    fn=chatbot,
+    fn=gradio_app,
     inputs=[
-        gr.Textbox(label="Message", placeholder="Type a message...", lines=2),
-        gr.State()
+        gr.Textbox(lines=2, placeholder="Enter your message..."),
+        gr.Textbox(lines=2, placeholder="Enter your current location..."),
+        gr.Textbox(lines=2, placeholder="Enter health professional query..."),
+        gr.State(value=[])
     ],
     outputs=[
-        gr.Chatbot(label="Chatbot History"),
         gr.Textbox(label="Sentiment Analysis"),
-        gr.Textbox(label="Emotion Detection"),
-        gr.DataFrame(label="Suggestions Based on Emotion"),
-        gr.HTML(label="Health Professionals & Map")
+        gr.Textbox(label="Detected Emotion"),
+        gr.Dataframe(label="Suggestions"),
+        gr.Textbox(label="Nearby Health Professionals"),
+        gr.HTML(label="Map of Health Professionals"),
+        gr.State(value=[])
     ],
-    layout="vertical",
     live=True,
-    css=css
+    allow_flagging="never",
+    theme="huggingface",
+    css=css  # Apply custom CSS styling
 )
 
-# Launch the Gradio interface
+# Launch Gradio interface
 iface.launch(share=True)