render collections only if !== undefined

gitcoinco · Apr 24, 2024 · 98d8f8f · 98d8f8f
1 parent d194034
commit 98d8f8f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 10 deletions.
diff --git a/packages/grant-explorer/src/features/collections/CollectionsGrid.tsx b/packages/grant-explorer/src/features/collections/CollectionsGrid.tsx
@@ -7,18 +7,10 @@ const collectionGridLayout = [0, 5, 6, 11];
 
 const DISPLAY_COUNT = 12;
 
-export function CollectionsGrid({
-  data,
-}: {
-  data: CommunityCollection[] | undefined;
-}) {
+export function CollectionsGrid({ data }: { data: CommunityCollection[] }) {
   // Shuffle the collections
   const shuffled = useMemo(() => shuffle(data), [data]);
 
-  if (!data) {
-    return null;
-  }
-
   return (
     <div className="md:grid space-y-4 md:space-y-0 md:grid-cols-4 gap-6">
       {shuffled?.slice(0, DISPLAY_COUNT).map((collection, i) => {

diff --git a/packages/grant-explorer/src/features/discovery/LandingPage.tsx b/packages/grant-explorer/src/features/discovery/LandingPage.tsx
@@ -46,7 +46,9 @@ const LandingPage = () => {
       <LandingHero />
 
       <LandingSection title="Community collections">
-        <CollectionsGrid data={collections.data} />
+        {collections.data !== undefined && (
+          <CollectionsGrid data={collections.data} />
+        )}
       </LandingSection>
 
       <LandingSection