fix(IconLibrary): hide ai icon from icon library search (carbon-desig…

…n-system#4190) * fix(IconCategory): hide AI icon * refactor(PictogramCategory): refactor pictogram excludes to match logic for icons
laurenmrice · Aug 13, 2024 · d3003cc · d3003cc
1 parent 733851f
commit d3003cc
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 19 deletions.
diff --git a/src/components/SVGLibraries/IconLibrary/IconCategory.js b/src/components/SVGLibraries/IconLibrary/IconCategory.js
@@ -13,19 +13,23 @@ import {
 
 const IconCategory = ({ category, icons, columnCount }) => {
   const [subCategoryRef, containerIsVisible] = useIntersectionObserver();
+  const hiddenIcons = ['AI'];
+
   return (
     <section className={svgCategory}>
       <h2 className={cx(h2, categoryTitle)}>{category}</h2>
       <ul ref={subCategoryRef}>
         <ul className={svgGrid}>
-          {icons.map((icon, i) => (
-            <SvgCard
-              isLastCard={(i + 1) % columnCount === 0}
-              containerIsVisible={containerIsVisible}
-              key={icon.name}
-              icon={icon}
-            />
-          ))}
+          {icons
+            .filter((icon) => !hiddenIcons.includes(icon.name))
+            .map((icon, i) => (
+              <SvgCard
+                isLastCard={(i + 1) % columnCount === 0}
+                containerIsVisible={containerIsVisible}
+                key={icon.name}
+                icon={icon}
+              />
+            ))}
         </ul>
       </ul>
     </section>

diff --git a/src/components/SVGLibraries/PictogramLibrary/PictogramCategory.js b/src/components/SVGLibraries/PictogramLibrary/PictogramCategory.js
@@ -16,23 +16,19 @@ import {
 
 const IconCategory = ({ category, pictograms, columnCount }) => {
   const [sectionRef, containerIsVisible] = useIntersectionObserver();
+  const hiddenPictograms = [
+    'ibm--z',
+    'ibm--z--partition',
+    'ibm--z-and-linuxone-multi-frame',
+    'ibm--z-and-linuxone-single-frame',
+  ];
 
   return (
     <section ref={sectionRef} className={svgCategory}>
       <h2 className={cx(h2, categoryTitle)}>{category}</h2>
       <ul className={cx(svgGrid, pictogramList)}>
         {pictograms
-          .filter((pictogram) => {
-            if (
-              pictogram.name === 'ibm--z' ||
-              pictogram.name === 'ibm--z--partition' ||
-              pictogram.name === 'ibm--z-and-linuxone-multi-frame' ||
-              pictogram.name === 'ibm--z-and-linuxone-single-frame'
-            ) {
-              return false;
-            }
-            return true;
-          })
+          .filter((pictogram) => !hiddenPictograms.includes(pictogram.name))
           .map((pictogram, i) => (
             <SvgCard
               isLastCard={(i + 1) % columnCount === 0}