Update pages/community.py

pages/community.py

@@ -3,8 +3,10 @@ import requests
 import json
 import datetime
 
+# --- Supabase Configuration ---
 SUPABASE_URL = "https://fpbuhzbdtzwomjwytqul.supabase.co"
 SUPABASE_API_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImZwYnVoemJkdHp3b21qd3l0cXVsIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTE5NDk3NzYsImV4cCI6MjA2NzUyNTc3Nn0.oAa2TNNPQMyOGk63AOMZ7XKcwYvy5m-xoSWyvMZd6FY"
+SUPABASE_TABLE = "feedback" # It's good practice to define the table name
 
 headers = {
     "apikey": SUPABASE_API_KEY,
@@ -12,69 +14,107 @@ headers = {
     "Content-Type": "application/json"
 }
 
+# --- Backend Function ---
 def submit_feedback(name, email, rating, comments):
+    """Handles the submission of feedback to the Supabase database."""
     if not all([name, email, rating, comments]):
         return "❌ All fields are required.", name, email, rating, comments
 
     data = {
         "name": name,
         "email": email,
-        "rating": rating,
+        "rating": rating, # This will be an integer (1-5) from the Radio component
         "comments": comments,
         "submitted": datetime.datetime.now().isoformat()
     }
 
     response = requests.post(
-        f"{SUPABASE_URL}/rest/v1/feedback",
+        f"{SUPABASE_URL}/rest/v1/{SUPABASE_TABLE}",
         headers=headers,
         data=json.dumps(data)
     )
 
     if response.status_code == 201:
-        return (
-            "✅ Feedback submitted successfully!",
-            "", "", 3, ""  # Reset form fields
-        )
+        # On success, return a confirmation message and clear the form fields
+        return ("✅ Feedback submitted successfully!", "", "", 3, "")
     else:
-        return (
-            "❌ Failed to submit feedback. Please try again.",
-            name, email, rating, comments
-        )
-
-def layout():
+        # On failure, return an error and keep the user's input
+        return ("❌ Failed to submit feedback. Please try again.", name, email, rating, comments)
+
+# --- UI Layout Function ---
+def layout(is_logged_in: gr.State):
+    """
+    Creates the UI for the Community tab.
+    Accepts the global `is_logged_in` state to control form visibility.
+    """
     with gr.Column():
         gr.Markdown("## 🌐 Join the Community")
 
         gr.Markdown("""
 Deepfakes are becoming increasingly sophisticated. We believe that fighting misinformation is a community effort.
-
 ### 🤝 How You Can Contribute
-- **Share your feedback** on the tool’s performance  
-- **Report suspicious media** or share verified datasets  
-- **Suggest improvements** to the detection model  
-- **Educate others** on recognizing and avoiding deepfake scams  
-
+- **Share your feedback** on the tool’s performance
+- **Report suspicious media** or share verified datasets
+- **Suggest improvements** to the detection model
+- **Educate others** on recognizing and avoiding deepfake scams
 ### 💬 Let’s Talk
-Join our open discussions and connect with developers, researchers, and digital safety advocates.  
+Join our open discussions and connect with developers, researchers, and digital safety advocates.
 Whether you're a student, developer, or just curious — your voice matters.
         """)
 
-        gr.Markdown("### 📝 Submit Feedback")
+        # --- Login-Dependent Components ---
 
-        with gr.Row():
-            name = gr.Textbox(label="Name")
-            email = gr.Textbox(label="Email")
-
-        with gr.Row():
-            rating = gr.Slider(minimum=1, maximum=5, step=1, value=3, label="Rating", interactive=True)
-
-        comments = gr.Textbox(label="Comments", lines=3, max_lines=4, placeholder="Let us know what you think...")
-
-        submit_btn = gr.Button("Submit", variant="primary")
-        response_msg = gr.Markdown("")
-
-        submit_btn.click(
-            fn=submit_feedback,
-            inputs=[name, email, rating, comments],
-            outputs=[response_msg, name, email, rating, comments]
+        # Message to show when the user is logged OUT
+        logged_out_message = gr.Markdown(
+            "### <center>Please log in to leave feedback.</center>",
+            visible=True # Initially visible since the user is logged out on load
         )
+
+        # The entire feedback form, visible only when logged IN
+        with gr.Group(visible=False) as feedback_form_group:
+            gr.Markdown("### 📝 Submit Feedback")
+            with gr.Row():
+                name = gr.Textbox(label="Name")
+                email = gr.Textbox(label="Email")
+
+            # REPLACED Slider with Radio for star rating
+            # The second item in the tuple is the value that gets returned.
+            rating = gr.Radio(
+                label="Rating",
+                choices=[
+                    ("⭐", 1),
+                    ("⭐⭐", 2),
+                    ("⭐⭐⭐", 3),
+                    ("⭐⭐⭐⭐", 4),
+                    ("⭐⭐⭐⭐⭐", 5)
+                ],
+                value=3, # Default value is 3
+                interactive=True
+            )
+
+            comments = gr.Textbox(label="Comments", lines=3, max_lines=4, placeholder="Let us know what you think...")
+            submit_btn = gr.Button("Submit", variant="primary")
+            response_msg = gr.Markdown()
+
+            submit_btn.click(
+                fn=submit_feedback,
+                inputs=[name, email, rating, comments],
+                outputs=[response_msg, name, email, rating, comments]
+            )
+
+        # --- UI Control Logic ---
+
+        def toggle_feedback_visibility(logged_in_status):
+            """Shows/hides components based on the login status."""
+            return {
+                feedback_form_group: gr.update(visible=logged_in_status),
+                logged_out_message: gr.update(visible=not logged_in_status)
+            }
+
+        # This listener is the key: it triggers the visibility update
+        # whenever the is_logged_in state changes anywhere in the app.
+        is_logged_in.change(
+            fn=toggle_feedback_visibility,
+            inputs=is_logged_in,
+            outputs=[feedback_form_group, logged_out_message]
+        )