From a48a17ad54e610ecc6e818d42d6738dc1cdfa569 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B3bert=20Kiss?= <erT78gb@gmail.com>
Date: Sun, 9 Feb 2025 14:52:43 +0100
Subject: [PATCH] chore: use animation attribute instead of spin of fa-icon
 component (#2524)

---
 .../uhk-web/src/app/components/agent/about/about.component.html | 2 +-
 .../components/auto-update-settings/auto-update-settings.html   | 2 +-
 .../components/device/firmware/device-firmware.component.html   | 2 +-
 .../components/progress-button/progress-button.component.html   | 2 +-
 packages/uhk-web/src/app/pages/update-agent.page.ts             | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/uhk-web/src/app/components/agent/about/about.component.html b/packages/uhk-web/src/app/components/agent/about/about.component.html
index b212068885e..6756321b12b 100644
--- a/packages/uhk-web/src/app/components/agent/about/about.component.html
+++ b/packages/uhk-web/src/app/components/agent/about/about.component.html
@@ -30,7 +30,7 @@ <h1 class="text-center">
             <ng-template #loading>
                 <div class="mb-3">
                     <fa-icon [icon]="faSpinner"
-                             spin="true"></fa-icon>
+                             animation="spin"></fa-icon>
                     Loading contributor list...
                 </div>
             </ng-template>
diff --git a/packages/uhk-web/src/app/components/auto-update-settings/auto-update-settings.html b/packages/uhk-web/src/app/components/auto-update-settings/auto-update-settings.html
index cafbbe07602..e6d5f9874ec 100644
--- a/packages/uhk-web/src/app/components/auto-update-settings/auto-update-settings.html
+++ b/packages/uhk-web/src/app/components/auto-update-settings/auto-update-settings.html
@@ -12,6 +12,6 @@
         Check for update
         <fa-icon *ngIf="state.checkingForUpdate"
                  [icon]="faSpinner"
-                 spin="true"></fa-icon>
+                 animation="spin"></fa-icon>
     </button>
 </div>
diff --git a/packages/uhk-web/src/app/components/device/firmware/device-firmware.component.html b/packages/uhk-web/src/app/components/device/firmware/device-firmware.component.html
index 3e7b0546ec7..318f1b487f1 100644
--- a/packages/uhk-web/src/app/components/device/firmware/device-firmware.component.html
+++ b/packages/uhk-web/src/app/components/device/firmware/device-firmware.component.html
@@ -10,7 +10,7 @@ <h1>
             <ul class="list-unstyled">
                 <li *ngFor="let state of firmwareUpgradeStates.modules; trackBy:firmwareUpgradeStateTrackByFn;">
                     <span class="upgrading">
-                        <fa-icon *ngIf="state.state === 'Upgrading'" [icon]="faSpinner" [spin]="true" [fixedWidth]="true"></fa-icon>
+                        <fa-icon *ngIf="state.state === 'Upgrading'" [icon]="faSpinner" animation="spin" [fixedWidth]="true"></fa-icon>
                         <fa-icon *ngIf="state.state === 'Failed'" [icon]="faExclamation" class="text-danger" [fixedWidth]="true"></fa-icon>
                         <fa-icon *ngIf="state.state === 'Success'" [icon]="faCheck" [fixedWidth]="true"></fa-icon>
                     </span>
diff --git a/packages/uhk-web/src/app/components/progress-button/progress-button.component.html b/packages/uhk-web/src/app/components/progress-button/progress-button.component.html
index 078289c32d2..c79c62dd2e5 100644
--- a/packages/uhk-web/src/app/components/progress-button/progress-button.component.html
+++ b/packages/uhk-web/src/app/components/progress-button/progress-button.component.html
@@ -3,6 +3,6 @@
         [disabled]="state.showProgress">
     <fa-icon *ngIf="state.showProgress"
              [icon]="faSpinner"
-             spin="true"></fa-icon>
+             animation="spin"></fa-icon>
     {{state.text}}
 </button>
diff --git a/packages/uhk-web/src/app/pages/update-agent.page.ts b/packages/uhk-web/src/app/pages/update-agent.page.ts
index 5dffc5eaa8c..1e76056478f 100644
--- a/packages/uhk-web/src/app/pages/update-agent.page.ts
+++ b/packages/uhk-web/src/app/pages/update-agent.page.ts
@@ -25,7 +25,7 @@ import { ForceUpdateAction } from '../store/actions/app-update.action';
                 Update Agent
                 <fa-icon *ngIf="isForceUpdate"
                          [icon]="faSpinner"
-                         spin="true"></fa-icon>
+                         animation="spin"></fa-icon>
             </button>
         </div>
     `,