From f97484c1e78536ea5ca5b617021ca05e5dd8a154 Mon Sep 17 00:00:00 2001
From: Ignacio Capodanno <ignacio.capodanno@front.com>
Date: Tue, 27 Oct 2026 12:05:34 -0300
Subject: [PATCH] fix: use the x circle icon for the error inline banner

---
 src/assets/icons/xCircleFilled.svg           | 3 +++
 src/components/inlineBanner/inlineBanner.tsx | 2 +-
 src/elements/icon/icon.tsx                   | 4 +++-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/icons/xCircleFilled.svg

diff --git a/src/assets/icons/xCircleFilled.svg b/src/assets/icons/xCircleFilled.svg
new file mode 100644
index 00000000..aa66989a
--- /dev/null
+++ b/src/assets/icons/xCircleFilled.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00008 0.666992C3.94999 0.666992 0.666748 3.95024 0.666748 8.00033C0.666748 12.0504 3.94999 15.3337 8.00008 15.3337C12.0502 15.3337 15.3334 12.0504 15.3334 8.00033C15.3334 3.95024 12.0502 0.666992 8.00008 0.666992ZM10.4715 5.52892C10.7318 5.78927 10.7318 6.21138 10.4715 6.47173L8.94289 8.00033L10.4715 9.52892C10.7318 9.78927 10.7318 10.2114 10.4715 10.4717C10.2111 10.7321 9.78903 10.7321 9.52868 10.4717L8.00008 8.94313L6.47149 10.4717C6.21114 10.7321 5.78903 10.7321 5.52868 10.4717C5.26833 10.2114 5.26833 9.78927 5.52868 9.52892L7.05727 8.00033L5.52868 6.47173C5.26833 6.21138 5.26833 5.78927 5.52868 5.52892C5.78903 5.26857 6.21114 5.26857 6.47149 5.52892L8.00008 7.05752L9.52868 5.52892C9.78903 5.26857 10.2111 5.26857 10.4715 5.52892Z" fill="currentColor"/>
+</svg>
diff --git a/src/components/inlineBanner/inlineBanner.tsx b/src/components/inlineBanner/inlineBanner.tsx
index 073fb6c9..fba3ab2c 100644
--- a/src/components/inlineBanner/inlineBanner.tsx
+++ b/src/components/inlineBanner/inlineBanner.tsx
@@ -43,7 +43,7 @@ const bannerConstants: Record<InlineBannerTypes, BannerConstants> = {
   error: {
     backgroundColor: palette.red.shade20,
     iconColor: palette.red.shade40,
-    icon: 'WarningFilled'
+    icon: 'XCircleFilled'
   },
   warning: {
     backgroundColor: palette.orange.shade20,
diff --git a/src/elements/icon/icon.tsx b/src/elements/icon/icon.tsx
index 3175c9ed..50510774 100644
--- a/src/elements/icon/icon.tsx
+++ b/src/elements/icon/icon.tsx
@@ -59,6 +59,7 @@ import Trash from '../../assets/icons/trash.svg';
 import TrashFilled from '../../assets/icons/trashFilled.svg';
 import UserSquare from '../../assets/icons/userSquare.svg';
 import WarningFilled from '../../assets/icons/warningFilled.svg';
+import XCircleFilled from '../../assets/icons/xCircleFilled.svg';
 import {greys} from '../../helpers/colorHelpers';
 import {getIconViewBox} from './iconViewBoxes';
 
@@ -127,7 +128,8 @@ const importedIcons = {
   Trash,
   TrashFilled,
   UserSquare,
-  WarningFilled
+  WarningFilled,
+  XCircleFilled
 } as const;
 
 export type IconName = keyof typeof importedIcons;