add suspense

velascoandres · Apr 14, 2024 · cb2631a · cb2631a
1 parent 168a3da
commit cb2631a
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/app/(protected)/(dashboard)/@modal/(...)view-whiteboard/[id]/page.tsx b/src/app/(protected)/(dashboard)/@modal/(...)view-whiteboard/[id]/page.tsx
@@ -1,4 +1,7 @@
+import { Suspense } from 'react'
+
 import { IntercepModal } from '@/app/_shared/components/modal/intercep-modal'
+import { Skeleton } from '@/app/_shared/components/ui/skeleton'
 import { getPublicWhiteboard } from '@/app/_whiteboards/actions/public-whiteboard'
 import { WhiterboardFromCompressed } from '@/app/_whiteboards/components/whiteboard'
 
@@ -10,11 +13,13 @@ export default async function Page({ params }: {params: {id: string}}) {
   return (
     <IntercepModal title={whiteboard.name}>
       <section className="h-[calc(100dvh-300px)] w-full">
-        <WhiterboardFromCompressed
-          viewModeEnabled
-          id={whiteboard?.id} 
-          initialRawCompressed={whiteboard.compressedRawContent} 
-        />
+        <Suspense fallback={<Skeleton className="h-[calc(100dvh-300px)] w-full" />}>
+          <WhiterboardFromCompressed
+            viewModeEnabled
+            id={whiteboard?.id} 
+            initialRawCompressed={whiteboard.compressedRawContent} 
+          />
+        </Suspense>
       </section>
     </IntercepModal>
   )