Use Warning icon with Cookie issues item (#604)

GoogleChromeLabs · Apr 11, 2024 · 1501540 · 1501540
1 parent 44098b6
commit 1501540
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 6 deletions.
diff --git a/packages/cli-dashboard/src/components/siteMapReport/sidebarData.ts b/packages/cli-dashboard/src/components/siteMapReport/sidebarData.ts
@@ -17,9 +17,8 @@
  * External dependencies
  */
 import {
-  CookieIcon,
-  CookieIconWhite,
   SIDEBAR_ITEMS_KEYS,
+  WarningBare,
   type SidebarItems,
 } from '@ps-analysis-tool/design-system';
 
@@ -33,10 +32,16 @@ const sidebarData: SidebarItems = {
     title: 'Cookie Issues',
     children: {},
     icon: {
-      Element: CookieIcon,
+      Element: WarningBare,
+      props: {
+        className: 'fill-granite-gray',
+      },
     },
     selectedIcon: {
-      Element: CookieIconWhite,
+      Element: WarningBare,
+      props: {
+        className: 'fill-white',
+      },
     },
   },
 };

diff --git a/packages/cli-dashboard/src/components/siteReport/tabs/index.ts b/packages/cli-dashboard/src/components/siteReport/tabs/index.ts
@@ -20,6 +20,7 @@ import {
   CookieIcon,
   CookieIconWhite,
   SIDEBAR_ITEMS_KEYS,
+  WarningBare,
   type SidebarItems,
 } from '@ps-analysis-tool/design-system';
 
@@ -38,10 +39,16 @@ const Tabs: SidebarItems = {
     title: 'Cookie Issues',
     children: {},
     icon: {
-      Element: CookieIcon,
+      Element: WarningBare,
+      props: {
+        className: 'fill-granite-gray',
+      },
     },
     selectedIcon: {
-      Element: CookieIconWhite,
+      Element: WarningBare,
+      props: {
+        className: 'fill-white',
+      },
     },
   },
 };

diff --git a/packages/design-system/src/icons/index.tsx b/packages/design-system/src/icons/index.tsx
@@ -70,3 +70,4 @@ export { default as OutboundInboundColoredIcon } from './outbound-inbound-colore
 export { default as QuestionMark } from './question-mark.svg';
 export { default as GreenTick } from './green-tick-icon.svg';
 export { default as ChevronDown } from './chevron-down.svg';
+export { default as WarningBare } from './warning.svg';
diff --git a/packages/design-system/src/icons/warning.svg b/packages/design-system/src/icons/warning.svg