chore: use animation attribute instead of spin of fa-icon component (#…

…2524)
UltimateHackingKeyboard · Feb 9, 2025 · a48a17a · a48a17a
1 parent d46f159
commit a48a17a
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>
     `,