Change door open animation

initLab · Feb 18, 2024 · d863705 · d863705
1 parent f3b819b
commit d863705
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/widgets/DeviceActionButton/DeviceActionButton.jsx b/src/widgets/DeviceActionButton/DeviceActionButton.jsx
@@ -69,12 +69,12 @@ const DeviceActionButton = ({
     }
 
     const variant = isDoorOpen ? 'warning' : type.variant;
-    const icon = isDoorOpen ? 'fa-solid fa-door-open' : type.icon;
+    const icon = (isDoorOpen ? 'fa-solid fa-door-open' : type.icon) + (loading ? ' fa-fade' : '');
     const label = t(isDoorOpen ? 'views.door.open' : 'views.devices.' + action);
 
     return (<>
         <Button variant={variant} className="device-action-button" onClick={handleClick} disabled={disabled}>
-            <i className={loading ? 'fa-solid fa-arrows-rotate fa-spin' : icon} />
+            <i className={icon} />
             <div>{label}</div>
         </Button>
         {isError && [401, 403].includes(error.status) && <RedirectToLogin />}