From f11bd9ec49dd32877d8f8edc70ab3eec435815cf Mon Sep 17 00:00:00 2001
From: Konstantin Wohlwend <n2d4xc@gmail.com>
Date: Sun, 29 Dec 2024 20:22:34 -0800
Subject: [PATCH] Make onboarding dialog non-blocking

---
 .../(main)/(protected)/projects/[projectId]/layout.tsx    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/layout.tsx b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/layout.tsx
index b1ad8b73d..b37f146c1 100644
--- a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/layout.tsx
+++ b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/layout.tsx
@@ -1,11 +1,15 @@
-import { AdminAppProvider } from "./use-admin-app";
+import { Suspense } from "react";
 import { OnboardingDialog } from "./onboarding-dialog";
 import SidebarLayout from "./sidebar-layout";
+import { AdminAppProvider } from "./use-admin-app";
 
 export default function Layout(props: { children: React.ReactNode, params: { projectId: string } }) {
   return (
     <AdminAppProvider projectId={props.params.projectId}>
-      <OnboardingDialog />
+      {/* Don't block the rest of the page for the dialog, so wrap it with a Suspense */}
+      <Suspense fallback={<></>}>
+        <OnboardingDialog />
+      </Suspense>
       <SidebarLayout projectId={props.params.projectId}>
         {props.children}
       </SidebarLayout>