From d3003cc0c18c8bb1e40b9b37ca844964fa0cdee0 Mon Sep 17 00:00:00 2001
From: andrew <emyarod@users.noreply.github.com>
Date: Tue, 13 Aug 2024 11:07:46 -0500
Subject: [PATCH] fix(IconLibrary): hide ai icon from icon library search
 (#4190)

* fix(IconCategory): hide AI icon

* refactor(PictogramCategory): refactor pictogram excludes to match logic for icons
---
 .../SVGLibraries/IconLibrary/IconCategory.js  | 20 +++++++++++--------
 .../PictogramLibrary/PictogramCategory.js     | 18 +++++++----------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/components/SVGLibraries/IconLibrary/IconCategory.js b/src/components/SVGLibraries/IconLibrary/IconCategory.js
index 273c71e962c..3f759d36888 100644
--- 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
index 928ef45136c..446db5b2df9 100644
--- 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}