🎧💨 ↝ New page component if user hasn't finished onboarding/location. [ SGV2-9 SGV2-10 // FCDB-3 ]

Author: Gizmotronn

components/Content/Planets/Sectors/SectorSetup.tsx

@@ -29,7 +29,7 @@ export default function CreateBasePlanetSector() {
                 }
             } catch (error) {
                 console.error(error.message);
-            }
+            };
         };
 
         fetchUserPlanet();

components/_Core/Section/Navbar.tsx

@@ -157,7 +157,7 @@ export const UserDropdownMenu = ({ user } : { user: string }) => {
       .then((result) => {
         if (result.data) {
           setProfile(result.data[0]);
-        }
+        };
     });
   }, [session]);
 

pages/index.tsx

@@ -37,18 +37,43 @@ export function PublicLanding() {
     />
   );
 
+  // User data config
   const session = useSession();
+  const supabase = useSupabaseClient();
+  const [profile, setProfile] = useState<any>(null);
+  useEffect(() => {
+    supabase.from("profiles")
+      .select()
+      .eq("id", session?.user?.id)
+      .then((result) => {
+        if (result.data) {
+          setProfile(result.data[0]);
+        };
+      });
+  }, [session, supabase]);
+  useEffect(() => {
+    if (profile) {
+      console.log(profile.location ?? "Location not available");
+    };
+  }, [profile]);
 
   // Component context
   const [showFeedOverlay, setShowFeedOverlay] = useState(false);
   const handleOpenFeedOverlay = () => {
     setShowFeedOverlay(true);
   };
 
+  // Screen size parameters
   const isDesktopOrLaptop = useMediaQuery({ query: '(min-width: 1224px)' });
   const isTabletOrMobile = useMediaQuery({ query: '(max-width: 1224px)' });
 
-  if (session) {
+  if (session && !profile?.location) {
+    return (
+      <p>Location</p>
+    );
+  };
+
+  if (session && profile?.location) {
     return (
       <LayoutNoNav>
          <Navigation />