🐛 UPCO-195 - Fix incorrect Theme icons, alert-circle and alert-triangle

a-ui · Nov 9, 2023 · ac296a8 · ac296a8
1 parent 3090eb3
commit ac296a8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/antwerp-ui/react-components/src/constants/layout.settings.ts b/packages/antwerp-ui/react-components/src/constants/layout.settings.ts
@@ -40,8 +40,8 @@ export enum Theme {
 
 export const THEME_ICON_MAP: { [Theme: string]: string } = {
   [Theme.SUCCESS]: 'check-1',
-  [Theme.DANGER]: 'alert-circle',
-  [Theme.WARNING]: 'alert-triangle'
+  [Theme.WARNING]: 'alert-circle',
+  [Theme.DANGER]: 'alert-triangle'
 };
 
 // States

diff --git a/packages/antwerp-ui/react-components/src/lib/atoms/input/input.renders.tsx b/packages/antwerp-ui/react-components/src/lib/atoms/input/input.renders.tsx
@@ -25,7 +25,7 @@ export const renderDescription = ({ id, description, state }: DescriptionProps)
   return description ? (
     <small id={`${id}--description`} className={descriptionClasses}>
       {state === State.SUCCESS && <Icon name={THEME_ICON_MAP[Theme.SUCCESS]} />}
-      {state === State.ERROR && <Icon name={THEME_ICON_MAP[Theme.WARNING]} />}
+      {state === State.ERROR && <Icon name={THEME_ICON_MAP[Theme.DANGER]} />}
       {description}
     </small>
   ) : null;