Merge branch 'dev' into auth-providers-clients

src/app/setup/layout.tsx

@@ -7,6 +7,10 @@ import { Metadata } from "next";
 import { redirect } from "next/navigation";
 import { cache } from "react";
 import { rootNavItems } from "../navigation";
+import { ListUserOrgsResponse } from "@server/routers/org";
+import { internal } from "@app/lib/api";
+import { AxiosResponse } from "axios";
+import { authCookieHeader } from "@app/lib/api/cookies";
 
 export const metadata: Metadata = {
     title: `Setup - Pangolin`,
@@ -33,10 +37,28 @@ export default async function SetupLayout({
         redirect("/");
     }
 
+    let orgs: ListUserOrgsResponse["orgs"] = [];
+    try {
+        const getOrgs = cache(async () =>
+            internal.get<AxiosResponse<ListUserOrgsResponse>>(
+                `/user/${user.userId}/orgs`,
+                await authCookieHeader()
+            )
+        );
+        const res = await getOrgs();
+        if (res && res.data.data.orgs) {
+            orgs = res.data.data.orgs;
+        }
+    } catch (e) {}
+
     return (
         <>
             <UserProvider user={user}>
-                <Layout navItems={rootNavItems} showBreadcrumbs={false}>
+                <Layout
+                    navItems={rootNavItems}
+                    showBreadcrumbs={false}
+                    orgs={orgs}
+                >
                     <div className="w-full max-w-2xl mx-auto md:mt-32 mt-4">
                         {children}
                     </div>

src/app/setup/page.tsx

@@ -80,6 +80,9 @@ export default function StepperForm() {
     };
 
     const checkOrgIdAvailability = useCallback(async (value: string) => {
+        if (loading) {
+            return;
+        }
         try {
             const res = await api.get(`/org/checkId`, {
                 params: {