Add Suspense around slow component

colonial-heritage · Oct 5, 2023 · d292a0c · d292a0c
1 parent 4a53e34
commit d292a0c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/apps/researcher/src/app/[locale]/communities/community-card.tsx b/apps/researcher/src/app/[locale]/communities/community-card.tsx
@@ -99,7 +99,9 @@ export default function CommunityCard({community, locale}: CommunityCardProps) {
           </Suspense>
         </div>
         <div className="w-1/2 p-4">
-          <ObjectListCount communityId={community.id} locale={locale} />
+          <Suspense>
+            <ObjectListCount communityId={community.id} locale={locale} />
+          </Suspense>
         </div>
       </div>
     </Link>

diff --git a/apps/researcher/src/lib/community.ts b/apps/researcher/src/lib/community.ts
@@ -70,6 +70,8 @@ export async function getCommunities({
     includeMembersCount: true,
   });
 
+  console.log(communities);
+
   return sort(communities, sortBy);
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -70,6 +70,8 @@ export async function getCommunities({ @@
         includeMembersCount: true,
       });
+      console.log(communities);
       return sort(communities, sortBy);
     }
@@ Expand Down @@