vertical board names

hypercerts-org · Nov 6, 2023 · 9823d14 · 9823d14
1 parent 0ea4f89
commit 9823d14
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/pages/boards/index.tsx b/pages/boards/index.tsx
@@ -1,5 +1,5 @@
 import { supabase } from "@/lib/supabase";
-import { Center, Heading, Spinner } from "@chakra-ui/react";
+import { Center, Heading, Spinner, VStack } from "@chakra-ui/react";
 import { HyperboardEntity } from "@/types/database-entities";
 import { useQuery } from "@tanstack/react-query";
 import Link from "next/link";
@@ -27,13 +27,15 @@ export const Index = () => {
 
   return (
     <Center py={8}>
-      {data.data.map((board: HyperboardEntity) => (
-        <Link href={`/boards/${board.id}`} key={board.id}>
-          <Heading size={"lg"} textStyle={"secondary"}>
-            {board.name}
-          </Heading>
-        </Link>
-      ))}
+      <VStack spacing={4}>
+        {data.data.map((board: HyperboardEntity) => (
+          <Link href={`/boards/${board.id}`} key={board.id}>
+            <Heading size={"lg"} textStyle={"secondary"}>
+              {board.name}
+            </Heading>
+          </Link>
+        ))}
+      </VStack>
     </Center>
   );
 };