🚵🏼🦯 ↝ [efmz96]: Cleaning up dev tools and an urgent bug fix

Author: Gizmotronn

.DS_Store

@@ -126,6 +126,7 @@ export default function GamePage() {
     profile,
     classifications,
     otherClassifications,
+    loading,
   } = usePageData();
 
   const { showNpsModal, handleCloseNps } = useNPSManagement();
@@ -281,7 +282,9 @@ export default function GamePage() {
   }
 
   // Lightweight skeleton while data loads to avoid blocking on dynamic chunk hydration.
-  if (!classifications.length && activityFeed.length === 0) {
+  // Important: do not gate the entire page on having data, or new users will see the
+  // skeleton forever.
+  if (loading) {
     return (
       <div className="min-h-screen w-full relative flex justify-center">
         <div className="fixed inset-0 -z-10 bg-gradient-to-b from-background via-background to-background" />

app/game/page.tsx

@@ -207,20 +207,21 @@ export function usePageData() {
     }
 
     setLoading(true);
-    const userId = session.user.id;
-
-    // Fetch profile data
-    const { data: profileData } = await supabase
-      .from("profiles")
-      .select("id, username, full_name, classificationPoints")
-      .eq("id", userId)
-      .maybeSingle();
-    setProfile(profileData);
-
-    // Fetch user's classifications
-    const { data: myClassifications } = await supabase
-      .from("classifications")
-      .select(`
+    try {
+      const userId = session.user.id;
+
+      // Fetch profile data
+      const { data: profileData } = await supabase
+        .from("profiles")
+        .select("id, username, full_name, classificationPoints")
+        .eq("id", userId)
+        .maybeSingle();
+      setProfile(profileData);
+
+      // Fetch user's classifications
+      const { data: myClassifications } = await supabase
+        .from("classifications")
+        .select(`
         id,
         classificationtype,
         content,
@@ -229,28 +230,28 @@ export function usePageData() {
         anomaly:anomaly(content),
         classificationConfiguration
       `)
-      .eq("author", userId)
-      .order("created_at", { ascending: false })
-      .limit(10);
-    
-    // Transform the data to match our interface
-    const transformedClassifications = (myClassifications ?? []).map(c => ({
-      ...c,
-      anomaly: Array.isArray(c.anomaly) ? c.anomaly[0] : c.anomaly
-    }));
-    setClassifications(transformedClassifications);
-
-    // Get all anomaly IDs that have been classified by this user
-    const { data: userClassifications } = await supabase
-      .from("classifications")
-      .select("anomaly")
-      .eq("author", userId);
+        .eq("author", userId)
+        .order("created_at", { ascending: false })
+        .limit(10);
+      
+      // Transform the data to match our interface
+      const transformedClassifications = (myClassifications ?? []).map(c => ({
+        ...c,
+        anomaly: Array.isArray(c.anomaly) ? c.anomaly[0] : c.anomaly
+      }));
+      setClassifications(transformedClassifications);
 
-    const classifiedAnomalyIds = new Set(
-      (userClassifications ?? [])
-        .map(c => c.anomaly)
-        .filter((id): id is number => !!id)
-    );
+      // Get all anomaly IDs that have been classified by this user
+      const { data: userClassifications } = await supabase
+        .from("classifications")
+        .select("anomaly")
+        .eq("author", userId);
+
+      const classifiedAnomalyIds = new Set(
+        (userClassifications ?? [])
+          .map(c => c.anomaly)
+          .filter((id): id is number => !!id)
+      );
 
     // Fetch all linked anomalies for the user
     // Note: The unlocked column may not exist in all environments, so we handle it gracefully
@@ -422,7 +423,7 @@ export function usePageData() {
       balloons: transformedClassifications.length >= 10 // Show after 10 total classifications
     });
 
-    setCachedData({
+      setCachedData({
       linkedAnomalies: filteredLinked,
       activityFeed: allActivity.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime()),
       profile: profileData,
@@ -437,9 +438,12 @@ export function usePageData() {
         balloons: transformedClassifications.length >= 10
       },
       hasRoverMineralDeposits: (roverDeposits ?? []).length > 0,
-    });
-
-    setLoading(false);
+      });
+    } catch (e) {
+      console.error("usePageData fetchData failed", e);
+    } finally {
+      setLoading(false);
+    }
   };
 
   useEffect(() => {

hooks/usePageData.ts

@@ -69,9 +69,6 @@ export default function VotePlanetClassifications({ classificationId }: VotePlan
 
   const handleVote = async (classificationId: number, currentConfig: any) => {
     try {
-      console.log("PHVote: Starting vote submission...");
-      console.log("PHVote: Classification ID:", classificationId);
-      console.log("PHVote: Current config:", currentConfig);
 
       const currentVotes = currentConfig?.votes || 0;
 
@@ -80,43 +77,32 @@ export default function VotePlanetClassifications({ classificationId }: VotePlan
         votes: currentVotes + 1,
       };
 
-      console.log("PHVote: Updated config:", updatedConfig);
+      
 
       const { error } = await supabase
         .from("classifications")
         .update({ classificationConfiguration: updatedConfig })
         .eq("id", classificationId);
-
-      console.log("PHVote: Database update completed, error:", error);
-
       if (error) {
         console.error("PHVote: Error updating classificationConfiguration:", error);
       } else {
-        console.log("PHVote: Vote successful, updating state...");
         setClassification((prev: any) =>
           prev ? { ...prev, votes: updatedConfig.votes } : prev
         );
 
         // Show success popup
-        console.log("PHVote: Setting vote popup to true");
         setShowSuccessPopup(true);
-        console.log("PHVote: Popup state set, current showSuccessPopup should be true");
 
         // Redirect after 3 seconds
-        console.log("PHVote: Setting vote redirect timeout");
         const redirectTimeout = setTimeout(() => {
-          console.log("PHVote: Attempting redirect to dashboard...");
           try {
             router.push('/');
-            console.log("PHVote: Router.push called successfully");
           } catch (error) {
             console.error("PHVote: Router.push error:", error);
             // Fallback to window.location
             window.location.href = '/';
           }
         }, 3000);
-        
-        console.log("PHVote: Redirect timeout set, ID:", redirectTimeout);
       };
     } catch (error) {
       console.error("PHVote: Error voting:", error);

public/fallback-nTy9DUPkI3Tz5lkTpj10y.js public/fallback-7gKz_6vbjJpqZk89GTX0R.jspublic/fallback-nTy9DUPkI3Tz5lkTpj10y.js renamed to public/fallback-7gKz_6vbjJpqZk89GTX0R.js

@@ -164,8 +164,6 @@ const PlanetTypeCommentForm = ({ classificationId }: PlanetTypeCommentFormProps)
         .eq("id", commentId);
 
       if (commentError) throw commentError;
-
-      console.log("Preferred comment updated successfully.");
     } catch (err) {
       console.error("Error updating preferred comment:", err);
     }
@@ -182,7 +180,6 @@ const PlanetTypeCommentForm = ({ classificationId }: PlanetTypeCommentFormProps)
     }
 
     try {
-      console.log("Inserting comment...");
       const { error } = await supabase.from("comments").insert([
         {
           content: commentInput,
@@ -198,16 +195,10 @@ const PlanetTypeCommentForm = ({ classificationId }: PlanetTypeCommentFormProps)
       }
 
       setCommentInputs((prev) => ({ ...prev, [classificationId]: "" }));
-      console.log("Comment inserted successfully with planet type.");
-      
-      // Show success popup
-      console.log("Setting popup to true");
       setShowSuccessPopup(true);
-      
+
       // Redirect after 3 seconds
-      console.log("Setting redirect timeout");
       setTimeout(() => {
-        console.log("Redirecting to dashboard");
         router.push('/');
       }, 3000);
     } catch (err) {

public/sw.js

@@ -187,13 +187,11 @@ export default function PlanetGenerator({
       }));
 
       // Fetch mineral deposits by classification ID (discovery field)
-      console.log("🔍 Fetching deposits for classification:", idAsNumber);
       const { data: depositsData, error: depositsError } = await supabase
         .from("mineralDeposits")
         .select("id, mineralconfiguration, location, discovery, anomaly")
         .eq("discovery", idAsNumber);
 
-      console.log("📦 Deposits data:", depositsData, "Error:", depositsError);
 
       if (!depositsError && depositsData) {
           const parsedDeposits: MineralDeposit[] = depositsData.map((deposit: any) => {
@@ -253,7 +251,6 @@ export default function PlanetGenerator({
             };
           });
 
-          console.log("✅ Parsed deposits:", parsedDeposits);
           setDeposits(parsedDeposits);
         }
 
@@ -263,7 +260,7 @@ export default function PlanetGenerator({
         .select("id, classificationtype, content, classificationConfiguration")
         .or(`parentPlanet.eq.${idAsNumber},source_classification_id.eq.${idAsNumber},classificationConfiguration->>parentPlanetLocation.eq.${idAsNumber}`);
 
-      console.log("🔍 Child classifications data:", childClassData, "Error:", childError);
+      
 
       if (!childError && childClassData) {
         const parsedChildren: ChildClassification[] = childClassData.map((c: any) => {
@@ -293,7 +290,6 @@ export default function PlanetGenerator({
           };
         });
 
-        console.log("✅ Parsed child classifications:", parsedChildren);
         setChildClassifications(parsedChildren);
       }
     };

src/components/deployment/missions/structures/Astronomers/PlanetHunters/PHVote.tsx

@@ -22,11 +22,7 @@ export default function Planet({ config, deposits, childClassifications, onDepos
   const materialRef = useRef<THREE.ShaderMaterial | null>(null)
   const atmosphereRef = useRef<THREE.Mesh>(null)
 
-  console.log("🪐 Planet rendering with:", { 
-    deposits: deposits?.length || 0, 
-    childClassifications: childClassifications?.length || 0,
-    config: config.radius 
-  });
+  // Planet render info: deposits and child classifications counts
 
   // Create shader material with uniforms based on planet config
   const shaderMaterial = useMemo(() => {

src/components/deployment/missions/structures/Astronomers/PlanetHunters/PlanetType.tsx

@@ -75,8 +75,7 @@ export default function MainHeader({
     if (error) {
       console.error("Error signing out:", error.message);
     } else {
-      console.log("User signed out successfully");
-      // Optionally redirect to home page or login page
+      // Signed out
       window.location.href = '/';
     }
   };