From b720c1411b15d9ca4ff7e5b0ce7615f2d8a9c0d3 Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Thu, 30 Oct 2025 10:47:29 +0700
Subject: [PATCH] chore(FE-91): make warning step icon glow

---
 src/components/steps/StepItem.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/steps/StepItem.tsx b/src/components/steps/StepItem.tsx
index 85ec4f3e..26ce1ce8 100644
--- a/src/components/steps/StepItem.tsx
+++ b/src/components/steps/StepItem.tsx
@@ -24,7 +24,14 @@ const StepItem = ({ children, icon, className, color }: StepItemProps) => {
 
   return (
     <li className={cn(stepItemBaseClassName, className)}>
-      <span className='step-icon'>{icon}</span>
+      <span
+        className={cn('step-icon', {
+          'transition-shadow shadow-[0_0_10px_2px_var(--color-warning)] hover:shadow-[0_0_15px_5px_var(--color-warning)]':
+            color === 'warning',
+        })}
+      >
+        {icon}
+      </span>
 
       <div>{children}</div>
     </li>