From d8637051dae7bf34091cb6fce7260a6b87ff5f95 Mon Sep 17 00:00:00 2001
From: Vencislav Atanasov <git@6bez10.info>
Date: Sun, 18 Feb 2024 18:27:52 +0200
Subject: [PATCH] Change door open animation

---
 src/widgets/DeviceActionButton/DeviceActionButton.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/widgets/DeviceActionButton/DeviceActionButton.jsx b/src/widgets/DeviceActionButton/DeviceActionButton.jsx
index 70b7e18..cfd9075 100644
--- 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 />}