Hide empty sections

Author: pokey

cheatsheet/src/pages/cheatsheet.tsx

@@ -33,11 +33,13 @@ const CheatsheetPage = () => {
 
 const Cheatsheet = () => (
   <div className="p-2 gap-2 xl:p-4 xl:gap-4 columns-1 md:columns-2 xl:columns-3 xl:max-w-[1600px] xl:mx-auto">
-    {cheatsheetInfo.sections.map((section) => (
-      <CheatsheetSection>
-        <CheatsheetListComponent section={section} />
-      </CheatsheetSection>
-    ))}
+    {cheatsheetInfo.sections
+      .filter((section) => section.items.length > 0)
+      .map((section) => (
+        <CheatsheetSection>
+          <CheatsheetListComponent section={section} />
+        </CheatsheetSection>
+      ))}
     <CheatsheetSection>
       <CheatsheetLegendComponent data={cheatsheetLegend} />
     </CheatsheetSection>