From 5c4db003eca159cdfe5ae33e1fe9e2bbfe4fec03 Mon Sep 17 00:00:00 2001
From: Felipe Knorr Kuhn <git@knorrium.info>
Date: Sun, 5 Apr 2026 17:58:33 +0900
Subject: [PATCH] Use pause and resume icons instead of the clock icon

---
 .../recent-transactions-list.component.html                   | 2 +-
 frontend/src/app/shared/shared.module.ts                      | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/recent-transactions-list/recent-transactions-list.component.html b/frontend/src/app/components/recent-transactions-list/recent-transactions-list.component.html
index af8b491ec..6e67e1995 100644
--- a/frontend/src/app/components/recent-transactions-list/recent-transactions-list.component.html
+++ b/frontend/src/app/components/recent-transactions-list/recent-transactions-list.component.html
@@ -14,7 +14,7 @@
         </button>
       </div>
       <button class="btn btn-primary btn-sm btn-pause" [class.active]="isPaused" (click)="togglePause()" title="Pause/Resume" i18n-title="recent-transactions.pause-toggle.title|Tooltip for the pause/resume updates button" aria-label="Pause/Resume" i18n-aria-label="recent-transactions.pause-toggle.aria-label|Accessible label for the pause/resume updates button" data-cy="btn-pause">
-        <fa-icon [icon]="['fas', 'clock']" [fixedWidth]="true"></fa-icon>
+        <fa-icon [icon]="['fas', isPaused ? 'play' : 'pause']" [fixedWidth]="true"></fa-icon>
       </button>
     </div>
   </div>
diff --git a/frontend/src/app/shared/shared.module.ts b/frontend/src/app/shared/shared.module.ts
index d6fcf2892..05671ff65 100644
--- a/frontend/src/app/shared/shared.module.ts
+++ b/frontend/src/app/shared/shared.module.ts
@@ -9,7 +9,7 @@ import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, fa
   faCircleCheck, faUserCircle, faCheck, faRocket, faScaleBalanced, faHourglassStart, faHourglassHalf, faHourglassEnd, faWandMagicSparkles, faTimeline,
   faCircleXmark, faCalendarCheck, faMoneyBillTrendUp, faRobot, faShareNodes, faCreditCard, faMicroscope, faExclamationTriangle, faLockOpen, faPaperclip, faAddressCard,
   faMedal, faBug, faFilePdf, faPiggyBank, faLayerGroup, faHeart, faCashRegister, faCodeFork, faCode, 
-  faCalendar} from '@fortawesome/free-solid-svg-icons';
+  faCalendar, faPause, faPlay} from '@fortawesome/free-solid-svg-icons';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { MenuComponent } from '@components/menu/menu.component';
 import { PreviewTitleComponent } from '@components/master-page-preview/preview-title.component';
@@ -496,5 +496,7 @@ export class SharedModule {
     library.addIcons(faCashRegister);
     library.addIcons(faCodeFork);
     library.addIcons(faCode);
+    library.addIcons(faPause);
+    library.addIcons(faPlay);
   }
 }