Hide empty sections

opengento · Feb 2, 2025 · 7700bfc · 7700bfc
1 parent 0801713
commit 7700bfc
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/components/SponsorList/SponsorListByType.tsx b/src/components/SponsorList/SponsorListByType.tsx
@@ -114,13 +114,17 @@ const SponsorListByType = ({ items }: { items: SponsorProps[] }) => {
   return (
     <div className="my-10">
       {sponsorTypes.map((sponsorType, index) => (
-        <div id={sponsorType} key={index}>
-          {renderSponsorSection(
-            sponsorType,
-            sponsorListByType[sponsorType],
-            isDisplayByType(displayByType) ? displayByType[sponsorType] : 'grid'
-          )}
-        </div>
+          <div
+            key={index}
+            id={sponsorType}
+            className={sponsorListByType[sponsorType].length > 0 ? '' : 'hidden'}
+          >
+            {renderSponsorSection(
+              sponsorType,
+              sponsorListByType[sponsorType],
+              isDisplayByType(displayByType) ? displayByType[sponsorType] : 'grid'
+            )}
+          </div>
       ))}
     </div>
   );