Update app.py

app.py

@@ -4,6 +4,11 @@ import gradio as gr
 from components.auth import register, login, logout
 from components.predict import predict
 from components.report_generator import create_report
+# --- NEW IMPORTS ---
+# Import the render functions from our new content components
+from components.diabetes_factors import render_factors_info
+from components.food_suggestions import render_food_guide
+from components.doctor_info import render_doctor_list
 
 # --- Style and Theme ---
 css = """
@@ -11,12 +16,12 @@ css = """
 .centered-text { text-align: center; }
 """
 
-with gr.Blocks(title="DiaSpark: Your spark for early detection", css=css) as demo:
+with gr.Blocks(title="DiaSpark: Your Health Management Platform", css=css) as demo:
 
     user_state = gr.State({"email": None, "id": None, "logged_in": False, "gender": None, "username": None})
 
     # --- Static Header (Always Visible) ---
-    gr.Markdown("# 🩺 Welcome to DiaSpark: An AI-based Diabetes Detector")
+    gr.Markdown("# 🩺 Welcome to DiaSpark: Your Health Management Platform")
 
     # --- Personalized Header (Visible only when logged in) ---
     with gr.Row(visible=False) as logged_in_header:
@@ -25,8 +30,8 @@ with gr.Blocks(title="DiaSpark: Your spark for early detection", css=css) as dem
     # --- Main Tabs ---
     with gr.Tabs() as main_tabs:
 
-        # --- Homepage Tab (Full content restored) ---
-        with gr.TabItem("Home", id="home_tab"):
+        # --- Homepage Tab ---
+        with gr.TabItem("Home 🏠", id="home_tab"):
             gr.Markdown(
                 "<h2 class='centered-text'>A Smart First Step in Understanding Your Health</h2>",
                 elem_classes="centered-text"
@@ -66,34 +71,19 @@ with gr.Blocks(title="DiaSpark: Your spark for early detection", css=css) as dem
                     The results from DiaSpark are for informational purposes only. Always seek the advice of your physician or another qualified health provider with any questions you may have regarding a medical condition. Never disregard professional medical advice or delay in seeking it because of something you have read or seen on this application.
                     """
                 )
-
-        # --- Authentication Tab ---
-        with gr.TabItem("Login / Signup", id="auth_tab"):
-            auth_message = gr.Markdown()
+        
+        # --- NEW INFORMATIONAL TABS ---
+        with gr.TabItem("Learn About Diabetes 📚"):
+            render_factors_info()
             
-            with gr.Column(visible=True) as login_col:
-                gr.Markdown("### Login to Your Account")
-                email_login = gr.Textbox(label="Email", placeholder="Enter your email")
-                pwd_login = gr.Textbox(label="Password", type="password", placeholder="Enter your password")
-                login_btn = gr.Button("Login", variant="primary")
-                show_signup_btn = gr.Button("New user? Sign up here.", variant="secondary")
-
-            with gr.Column(visible=False) as signup_col:
-                gr.Markdown("### Create a New Account")
-                username_signup = gr.Textbox(label="Username", placeholder="Choose a unique username")
-                email_signup = gr.Textbox(label="Email", placeholder="Enter your email")
-                pwd_signup = gr.Textbox(
-                    label="Password",
-                    type="password",
-                    placeholder="Create a password",
-                    info="Must be at least 6 characters long."
-                )
-                gender_signup = gr.Radio(["Female", "Male"], label="Gender", info="This determines if the 'Pregnancies' field is shown.")
-                signup_btn = gr.Button("Sign Up", variant="primary")
-                show_login_btn = gr.Button("Already have an account? Login.", variant="secondary")
+        with gr.TabItem("Healthy Eating Guide 🥗"):
+            render_food_guide()
+            
+        with gr.TabItem("Find a Specialist 🧑‍⚕️"):
+            render_doctor_list()
 
-        # --- Prediction Tab (Correctly Ordered) ---
-        with gr.TabItem("Prediction", id="prediction_tab"):
+        # --- Interactive Prediction Tab ---
+        with gr.TabItem("Prediction Tool 🔬", id="prediction_tab"):
             
             with gr.Column(visible=False) as prediction_view:
                 gr.Markdown("### Enter Your Health Metrics for Prediction")
@@ -116,7 +106,6 @@ with gr.Blocks(title="DiaSpark: Your spark for early detection", css=css) as dem
                 
                 result_output = gr.Textbox(label="Prediction Result", interactive=False)
                 
-                # The report generation UI components are defined here
                 generate_report_btn = gr.Button("Download Report as PDF", variant="secondary", visible=False)
                 report_file_output = gr.File(label="Your Report", visible=False)
                 
@@ -132,16 +121,41 @@ with gr.Blocks(title="DiaSpark: Your spark for early detection", css=css) as dem
                     """
                 )
 
+        # --- Authentication Tab ---
+        with gr.TabItem("Login / Signup", id="auth_tab"):
+            auth_message = gr.Markdown()
+            
+            with gr.Column(visible=True) as login_col:
+                gr.Markdown("### Login to Your Account")
+                email_login = gr.Textbox(label="Email", placeholder="Enter your email")
+                pwd_login = gr.Textbox(label="Password", type="password", placeholder="Enter your password")
+                login_btn = gr.Button("Login", variant="primary")
+                show_signup_btn = gr.Button("New user? Sign up here.", variant="secondary")
+
+            with gr.Column(visible=False) as signup_col:
+                gr.Markdown("### Create a New Account")
+                username_signup = gr.Textbox(label="Username", placeholder="Choose a unique username")
+                email_signup = gr.Textbox(label="Email", placeholder="Enter your email")
+                pwd_signup = gr.Textbox(
+                    label="Password",
+                    type="password",
+                    placeholder="Create a password",
+                    info="Must be at least 6 characters long."
+                )
+                gender_signup = gr.Radio(["Female", "Male"], label="Gender", info="This determines if the 'Pregnancies' field is shown.")
+                signup_btn = gr.Button("Sign Up", variant="primary")
+                show_login_btn = gr.Button("Already have an account? Login.", variant="secondary")
+
 
-    # --- Component Logic (Event Handlers) (Correctly Ordered) ---
+    # --- Component Logic (Event Handlers) ---
 
-    # --- Handlers for UI switching ---
+    # Handlers for UI switching
     def switch_to_signup(): return gr.update(visible=False), gr.update(visible=True)
     def switch_to_login(): return gr.update(visible=True), gr.update(visible=False)
     show_signup_btn.click(fn=switch_to_signup, outputs=[login_col, signup_col])
     show_login_btn.click(fn=switch_to_login, outputs=[login_col, signup_col])
     
-    # --- Handler for main state changes (login/logout UI updates) ---
+    # Handler for main state changes (login/logout UI updates)
     def handle_user_state_change(user_data):
         is_logged_in = user_data.get("logged_in", False)
         is_female = user_data.get("gender") == "Female"
@@ -156,12 +170,12 @@ with gr.Blocks(title="DiaSpark: Your spark for early detection", css=css) as dem
         )
     user_state.change(fn=handle_user_state_change, inputs=user_state, outputs=[prediction_view, logged_out_view, pregnancies_row, welcome_message, logged_in_header])
 
-    # --- Handlers for core auth actions ---
+    # Handlers for core auth actions
     signup_btn.click(fn=register, inputs=[email_signup, pwd_signup, gender_signup, username_signup], outputs=[auth_message, email_signup, pwd_signup, gender_signup, username_signup])
     login_btn.click(fn=login, inputs=[email_login, pwd_login, user_state], outputs=[auth_message, user_state, main_tabs])
     logout_btn.click(fn=logout, inputs=[user_state], outputs=[auth_message, user_state, main_tabs, email_login, pwd_login, preg, glucose, bp, insulin, bmi, age, result_output, pregnancies_row])
 
-    # --- Handlers for prediction and report generation ---
+    # Handlers for prediction and report generation
     def handle_create_report(user, p, g, b, i, bm, a, result):
         if not result:
             return gr.update(visible=False)