From 1367774f49ec81c35a65480d6732d02eb8d494b6 Mon Sep 17 00:00:00 2001
From: Abbey Hart <abbeyhrt@gmail.com>
Date: Thu, 10 Mar 2022 15:15:54 -0600
Subject: [PATCH] fix(carbon-website): remove ibm--z and ibm--z--partition from
 pictogram index

---
 .../PictogramLibrary/PictogramCategory.js     | 31 +++++++++++++------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/SVGLibraries/PictogramLibrary/PictogramCategory.js b/src/components/SVGLibraries/PictogramLibrary/PictogramCategory.js
index c460a773334..85f9ff6a70a 100644
--- a/src/components/SVGLibraries/PictogramLibrary/PictogramCategory.js
+++ b/src/components/SVGLibraries/PictogramLibrary/PictogramCategory.js
@@ -16,20 +16,31 @@ import {
 
 const IconCategory = ({ category, pictograms, columnCount }) => {
   const [sectionRef, containerIsVisible] = useIntersectionObserver();
+
   return (
     <section ref={sectionRef} className={svgCategory}>
       <h2 className={cx(h2, categoryTitle)}>{category}</h2>
       <ul className={cx(svgGrid, pictogramList)}>
-        {pictograms.map((pictogram, i) => (
-          <SvgCard
-            isLastCard={(i + 1) % columnCount === 0}
-            containerIsVisible={containerIsVisible}
-            key={pictogram.name}
-            icon={pictogram}
-            height="23.5%"
-            width="23.5%"
-          />
-        ))}
+        {pictograms
+          .filter((pictogram) => {
+            if (
+              pictogram.name === 'ibm--z' ||
+              pictogram.name === 'ibm--z--partition'
+            ) {
+              return false;
+            }
+            return true;
+          })
+          .map((pictogram, i) => (
+            <SvgCard
+              isLastCard={(i + 1) % columnCount === 0}
+              containerIsVisible={containerIsVisible}
+              key={pictogram.name}
+              icon={pictogram}
+              height="23.5%"
+              width="23.5%"
+            />
+          ))}
       </ul>
     </section>
   );