feat: add Suspense for ProfileTile

simonknittel · Jan 26, 2025 · aaa5251 · aaa5251
1 parent bdf33e0
commit aaa5251
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/app/src/app/app/page.tsx b/app/src/app/app/page.tsx
@@ -1,6 +1,7 @@
 import { authenticatePage } from "@/auth/server";
 import { ProfileTile } from "@/citizen/components/ProfileTile";
 import { Hero } from "@/common/components/Hero";
+import { SkeletonTile } from "@/common/components/SkeletonTile";
 import { UwuHero } from "@/common/components/UwuHero";
 import { getUnleashFlag } from "@/common/utils/getUnleashFlag";
 import {
@@ -55,7 +56,9 @@ export default async function Page({ searchParams }: Props) {
         <section className="flex flex-col gap-4 xl:w-[400px] flex-none">
           <h2 className="font-bold text-xl self-start">Spynet</h2>
           {showSpynetSearchTile && <SpynetSearchTile />}
-          <ProfileTile />
+          <Suspense fallback={<SkeletonTile />}>
+            <ProfileTile />
+          </Suspense>
         </section>
       </div>