Update dashboard.py

dashboard.py

@@ -14,7 +14,7 @@ from pages import about, community, user_guide
 
 # --- Config ---
 SUPABASE_URL = "https://fpbuhzbdtzwomjwytqul.supabase.co"
-SUPABASE_API_KEY = "your-api-key"
+SUPABASE_API_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImZwYnVoemJkdHp3b21qd3l0cXVsIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTE5NDk3NzYsImV4cCI6MjA2NzUyNTc3Nn0.oAa2TNNPQMyOGk63AOMZ7XKcwYvy5m-xoSWyvMZd6FY"
 SUPABASE_TABLE = "user_details"
 
 headers = {
@@ -92,41 +92,62 @@ def login_user(email, password):
 with gr.Blocks(theme=gr.themes.Soft(), title="VerifiAI - Deepfake Detector") as demo:
     is_logged_in = gr.State(False)
 
-    HOME_TAB_NAME = "🏠 Home"
-    DETECT_TAB_NAME = "🧪 Detect Deepfake"
-    ABOUT_TAB_NAME = "ℹ️ About"
-    COMMUNITY_TAB_NAME = "🌐 Community"
-    GUIDE_TAB_NAME = "📘 User Guide"
+    HOME_TAB = "🏠 Home"
+    LOGIN_TAB = "🔐 Login"
+    DETECT_TAB = "🧪 Detect Deepfake"
+    ABOUT_TAB = "ℹ️ About"
+    COMMUNITY_TAB = "🌐 Community"
+    GUIDE_TAB = "📘 User Guide"
+
+    with gr.Tabs(selected=HOME_TAB) as tabs:
+        # --- Home Tab ---
+        with gr.Tab(HOME_TAB):
+            gr.Markdown("""
+            <div class="home-content">
+                <h1>👁️‍🗨️ Welcome to VerifiAI</h1>
+                <p>Your trusted assistant for detecting deepfakes in images using AI.</p>
+                <p>🔍 Upload images, analyze authenticity, and learn how deepfakes work.</p>
+                <p>👉 Use the tabs above to get started.</p>
+            </div>
+            """, elem_id="home-markdown")
+
+        # --- Login Tab ---
+        with gr.Tab(LOGIN_TAB):
+            with gr.Row():
+                with gr.Column():
+                    email_input = gr.Textbox(label="Email", placeholder="Enter your email")
+                    password_input = gr.Textbox(label="Password", type="password", placeholder="Enter your password")
+                    login_button = gr.Button("Login", variant="primary")
+                    login_msg = gr.Textbox(label="Login Status", interactive=False)
 
-    with gr.Tabs(selected=HOME_TAB_NAME) as tabs:
-        # --- Home Tab (Intro Page) ---
-        with gr.Tab(HOME_TAB_NAME) as home_tab:
             with gr.Row():
                 with gr.Column():
-                    gr.Markdown("""
-                    <div class="home-content">
-                        <h1>👁️‍🗨️ Welcome to VerifiAI</h1>
-                        <p>Your trusted assistant for detecting deepfakes in images using AI.</p>
-                        <p>🔍 Upload images, analyze authenticity, and learn how deepfakes work.</p>
-                        <p>👉 Use the tabs above to get started.</p>
-                    </div>
-                    """, elem_id="home-markdown")
-
-        with gr.Tab(DETECT_TAB_NAME, visible=True) as detect_tab:
+                    gr.Markdown("### Or Sign Up")
+                    name = gr.Textbox(label="Name")
+                    phone = gr.Textbox(label="Phone (10 digits)")
+                    email_reg = gr.Textbox(label="Email")
+                    gender = gr.Radio(["Male", "Female", "Other"], label="Gender")
+                    password_reg = gr.Textbox(label="Password", type="password")
+                    register_btn = gr.Button("Register")
+                    register_msg = gr.Textbox(label="Signup Status", interactive=False)
+
+        # --- Detection Tab (only usable when logged in) ---
+        with gr.Tab(DETECT_TAB) as detect_tab:
             with gr.Row():
                 gr.Markdown("## Deepfake Detector")
                 logout_btn = gr.Button("Logout")
             with gr.Row():
-                image_input = gr.Image(type="pil", label="Upload Image", scale=1)
-                with gr.Column(scale=1):
+                image_input = gr.Image(type="pil", label="Upload Image")
+                with gr.Column():
                     result = gr.Textbox(label="Prediction Result", interactive=False)
                     predict_btn = gr.Button("Predict", variant="primary")
 
-        with gr.Tab(ABOUT_TAB_NAME): about.layout()
-        with gr.Tab(COMMUNITY_TAB_NAME): community.layout()
-        with gr.Tab(GUIDE_TAB_NAME): user_guide.layout()
+        # --- Static Tabs ---
+        with gr.Tab(ABOUT_TAB): about.layout()
+        with gr.Tab(COMMUNITY_TAB): community.layout()
+        with gr.Tab(GUIDE_TAB): user_guide.layout()
 
-    # --- CSS Styling ---
+    # --- CSS for center alignment ---
     gr.HTML("""
     <style>
     #home-markdown {
@@ -140,11 +161,18 @@ with gr.Blocks(theme=gr.themes.Soft(), title="VerifiAI - Deepfake Detector") as
     """)
 
     # --- Callbacks ---
+    def handle_login(email, password):
+        success = login_user(email, password)
+        return (success, "✅ Login successful!" if success else "❌ Login failed.")
+
     def handle_logout():
-        return False, "", ""
+        return False, "", "", ""
 
+    login_button.click(fn=handle_login, inputs=[email_input, password_input], outputs=[is_logged_in, login_msg])
+    register_btn.click(fn=register_user, inputs=[name, phone, email_reg, gender, password_reg], outputs=register_msg)
+    logout_btn.click(fn=handle_logout, outputs=[is_logged_in, image_input, result, login_msg])
     predict_btn.click(fn=predict_image, inputs=image_input, outputs=result)
-    logout_btn.click(fn=handle_logout, inputs=[], outputs=[is_logged_in, image_input, result])
+
     demo.load(fn=lambda: False, outputs=is_logged_in)
 
 if __name__ == "__main__":