wip

app/(auth)/signup/page.tsx

@@ -1,8 +1,14 @@
 import SignUpForm from "@/components/auth/signup-form";
+import prisma from "@/lib/db";
 import Image from "next/image";
 import React from "react";
 
-export default function LoginPage() {
+export default async function LoginPage() {
+  const atolls = await prisma.atoll.findMany({
+    include: {
+      islands: true
+    }
+  })
   return <div className="bg-gray-100 dark:bg-black w-full h-screen flex items-center justify-center font-sans">
     <div className="flex flex-col items-center justify-center w-full h-full ">
       <Image priority alt="Sar Link Logo" src="/logo.png" width={100} height={100} />
@@ -11,7 +17,7 @@ export default function LoginPage() {
         <h4 className="font-bold text-xl text-gray-600">SAR Link Portal</h4>
         <p className="text-gray-500">Pay for your devices and track your bills.</p>
       </div>
-      <SignUpForm />
+      <SignUpForm atolls={atolls} />
     </div>
   </div>;
 }