From b3b4cdd262c2a1880da08239aef25b95d36d98c6 Mon Sep 17 00:00:00 2001
From: Hayden Bleasel <hello@haydenbleasel.com>
Date: Mon, 30 Sep 2024 14:22:02 -0400
Subject: [PATCH] Add suspense wrappers

---
 app/(pages)/(home)/page.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/(pages)/(home)/page.tsx b/app/(pages)/(home)/page.tsx
index 69aeb307..ecf4c813 100644
--- a/app/(pages)/(home)/page.tsx
+++ b/app/(pages)/(home)/page.tsx
@@ -73,10 +73,18 @@ const Home: FC = () => (
         </Suspense>
       </div>
       <div className="md:col-span-3">
-        <VideoCard />
+        <Suspense
+          fallback={<Skeleton className="h-[433px] w-full rounded-2xl" />}
+        >
+          <VideoCard />
+        </Suspense>
       </div>
       <div className="md:col-span-3">
-        <TypefullyCard />
+        <Suspense
+          fallback={<Skeleton className="h-[242px] w-full rounded-2xl" />}
+        >
+          <TypefullyCard />
+        </Suspense>
       </div>
     </div>
   </>