From a84954d5cdbb682efa280552d6c8d4b63147f671 Mon Sep 17 00:00:00 2001
From: Gaby Zifferman <gabyzif@gmail.com>
Date: Thu, 15 Aug 2024 15:12:23 +0200
Subject: [PATCH] fix: update deprecated icons

---
 src/components/general/Icon/Icon.stories.tsx | 5 +++--
 src/constants/Icons.ts                       | 4 +++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/general/Icon/Icon.stories.tsx b/src/components/general/Icon/Icon.stories.tsx
index 9a17c9932..3f35db6d3 100644
--- a/src/components/general/Icon/Icon.stories.tsx
+++ b/src/components/general/Icon/Icon.stories.tsx
@@ -24,7 +24,7 @@ export const IconTable: React.FC<IIconProps> = ({ color = 'black', size = 'lg',
     return (
       <Flex vertical align="center" key={iconName}>
         <Icon name={iconName} size={size} color={color} variant={variant} />
-        <p style={{ fontFamily: 'monospace', ...textStyle }}>
+        <p style={{ fontFamily: 'monospace', textAlign: 'center', ...textStyle }}>
           {isDeprecated ? 'deprecated ' : ''}
           {iconName}
         </p>
@@ -45,7 +45,8 @@ The \`IconTable\` component is used to display a table of all available icons in
 - \`variant\`: The variant of the icon. Available options are \`light\` and \`duo-tone\`.
 
 #### Updating Icons
-To update the icons:
+
+The icon SVG and icon name are provided by the Design team. and the svg must be minified.
 
 1. **Add New Icons**: Add the new icon SVGs to the \`src/constants/Icons\` directory. The icons should be curated by Design and the svg must be minified. 
 2. **Update Icon Constants**: Update the \`Icons\` object in \`src/constants/Icons\` to include the new icons.
diff --git a/src/constants/Icons.ts b/src/constants/Icons.ts
index 564bf8af0..28db23288 100644
--- a/src/constants/Icons.ts
+++ b/src/constants/Icons.ts
@@ -91,6 +91,7 @@ export const Icons: Record<IconNames, IconOptions> = {
   chartColumn: {
     light: ChartColumnIcon,
     default: 'light',
+    deprecated: 'this icon is not used anymore',
   },
   chartLine: {
     light: ChartLineIcon,
@@ -131,10 +132,12 @@ export const Icons: Record<IconNames, IconOptions> = {
   connections: {
     light: ConnectionsIcon,
     default: 'light',
+    deprecated: 'this icon is not used anymore',
   },
   database: {
     light: DatabaseIcon,
     default: 'light',
+    deprecated: 'this icon is not used anymore',
   },
   dsr: {
     light: DsrIcon,
@@ -199,7 +202,6 @@ export const Icons: Record<IconNames, IconOptions> = {
   favorite: {
     light: HeartIcon,
     default: 'light',
-    deprecated: 'favorite',
   },
   help: {
     light: HelpIcon,