Get User information

Firebird1029 · May 4, 2024 · 84e35de · 84e35de
1 parent 5e4f54f
commit 84e35de
Show file tree

Hide file tree

Showing 5 changed files with 110 additions and 352 deletions.
diff --git a/src/app/carousel/getGames.jsx b/src/app/carousel/getGames.jsx
diff --git a/src/app/components/DrawerMenu.jsx b/src/app/components/DrawerMenu.jsx
@@ -82,7 +82,7 @@ export default function DrawerMenu({user}) {
                 </Box>
 
                 {user && (<Box>
-                  <Link as={NextLink} href={`/user/?user=`+username} passHref>
+                  <Link as={NextLink} href={`user/?username=`+username} passHref>
                     <Button boxSize={"full"} height={10} >
                       Account
                     </Button>

diff --git a/src/app/components/Navbar.jsx b/src/app/components/Navbar.jsx
@@ -121,7 +121,7 @@ export default function Nav({user}) {
                       src={avatarUrl}
                     />
                   </MenuButton>
-                  <MenuList alignItems={'center'}>
+                  <MenuList alignItems={'center'} zIndex={"999"}>
                     <br />
                     <Center>
                       <Avatar

diff --git a/src/app/page.jsx b/src/app/page.jsx
@@ -2,16 +2,38 @@
 import { useCallback, useEffect, useState } from "react";
 import Carousel from "./carousel/index"
 import createClient from "@/utils/supabase/client";
-import GetGames from "./carousel/getGames";
 import { Box, Container, Heading } from "@chakra-ui/react";
 
 export default function Home() {
-
+  const supabase = createClient();
+  const [data, setData] = useState([]);
+
+  const allGames = useCallback(async () => {
+    try {
+      const { data: allGameData, error, status} = await supabase.from("games").select("*, profiles!inner(username)");
+
+      if (error && status !== 406) {
+        throw error;
+      }
+
+      if (data) {
+        setData(allGameData);
+      }
+    } catch (error) {
+      alert("Error loading games!");
+      console.log(error);
+    }
+  }, [supabase]);
+
+  useEffect(() => {
+    allGames();
+  }, [allGames]);
+
   return (
     <Box padding="50px">
       <Container maxW='container.xl'>
         <Heading color='#8fffb2'>Featured Games</Heading>
-        <Carousel />
+        <Carousel data={data}/>
       </Container>
     </Box>