From 674a96ce8c14e9fa1585602bf288eb686bb19d3b Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Wed, 29 Oct 2025 20:48:47 +0100
Subject: [PATCH] Feature/improve icon of holdings tabs (#5842)

* Improve icon of holdings tabs

* Update changelog
---
 CHANGELOG.md                                           |  6 ++++++
 .../account-detail-dialog.component.ts                 |  6 +++---
 .../account-detail-dialog/account-detail-dialog.html   |  2 +-
 apps/client/src/app/pages/home/home-page.component.ts  | 10 +++++-----
 apps/client/src/app/pages/zen/zen-page.component.ts    |  6 +++---
 5 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d0f90277e..2376d4fa0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Extended the activities table menu with a _View Holding_ item
 
+### Changed
+
+- Improved the icon of the holdings tab on the home page
+- Improved the icon of the holdings tab on the home page for the _Zen Mode_
+- Improved the icon of the holdings tab in the account detail dialog
+
 ## 2.212.0 - 2025-10-29
 
 ### Added
diff --git a/apps/client/src/app/components/account-detail-dialog/account-detail-dialog.component.ts b/apps/client/src/app/components/account-detail-dialog/account-detail-dialog.component.ts
index bdc2424f5..94cb22699 100644
--- a/apps/client/src/app/components/account-detail-dialog/account-detail-dialog.component.ts
+++ b/apps/client/src/app/components/account-detail-dialog/account-detail-dialog.component.ts
@@ -43,9 +43,9 @@ import { Big } from 'big.js';
 import { format, parseISO } from 'date-fns';
 import { addIcons } from 'ionicons';
 import {
+  albumsOutline,
   cashOutline,
-  swapVerticalOutline,
-  walletOutline
+  swapVerticalOutline
 } from 'ionicons/icons';
 import { isNumber } from 'lodash';
 import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
@@ -129,7 +129,7 @@ export class GfAccountDetailDialogComponent implements OnDestroy, OnInit {
         }
       });
 
-    addIcons({ cashOutline, swapVerticalOutline, walletOutline });
+    addIcons({ albumsOutline, cashOutline, swapVerticalOutline });
   }
 
   public ngOnInit() {
diff --git a/apps/client/src/app/components/account-detail-dialog/account-detail-dialog.html b/apps/client/src/app/components/account-detail-dialog/account-detail-dialog.html
index eff500d0a..07ea17038 100644
--- a/apps/client/src/app/components/account-detail-dialog/account-detail-dialog.html
+++ b/apps/client/src/app/components/account-detail-dialog/account-detail-dialog.html
@@ -98,7 +98,7 @@
     >
       <mat-tab>
         <ng-template mat-tab-label>
-          <ion-icon name="wallet-outline" />
+          <ion-icon name="albums-outline" />
           <div class="d-none d-sm-block ml-2" i18n>Holdings</div>
         </ng-template>
         <gf-holdings-table
diff --git a/apps/client/src/app/pages/home/home-page.component.ts b/apps/client/src/app/pages/home/home-page.component.ts
index eb1ad62d9..fd860ced5 100644
--- a/apps/client/src/app/pages/home/home-page.component.ts
+++ b/apps/client/src/app/pages/home/home-page.component.ts
@@ -16,11 +16,11 @@ import { RouterModule } from '@angular/router';
 import { IonIcon } from '@ionic/angular/standalone';
 import { addIcons } from 'ionicons';
 import {
+  albumsOutline,
   analyticsOutline,
   bookmarkOutline,
   newspaperOutline,
-  readerOutline,
-  walletOutline
+  readerOutline
 } from 'ionicons/icons';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
@@ -61,7 +61,7 @@ export class GfHomePageComponent implements OnDestroy, OnInit {
               routerLink: internalRoutes.home.routerLink
             },
             {
-              iconName: 'wallet-outline',
+              iconName: 'albums-outline',
               label: internalRoutes.home.subRoutes.holdings.title,
               routerLink: internalRoutes.home.subRoutes.holdings.routerLink
             },
@@ -97,11 +97,11 @@ export class GfHomePageComponent implements OnDestroy, OnInit {
       });
 
     addIcons({
+      albumsOutline,
       analyticsOutline,
       bookmarkOutline,
       newspaperOutline,
-      readerOutline,
-      walletOutline
+      readerOutline
     });
   }
 
diff --git a/apps/client/src/app/pages/zen/zen-page.component.ts b/apps/client/src/app/pages/zen/zen-page.component.ts
index 0224c13c7..5ed9fe09c 100644
--- a/apps/client/src/app/pages/zen/zen-page.component.ts
+++ b/apps/client/src/app/pages/zen/zen-page.component.ts
@@ -8,7 +8,7 @@ import { MatTabsModule } from '@angular/material/tabs';
 import { RouterModule } from '@angular/router';
 import { IonIcon } from '@ionic/angular/standalone';
 import { addIcons } from 'ionicons';
-import { analyticsOutline, walletOutline } from 'ionicons/icons';
+import { albumsOutline, analyticsOutline } from 'ionicons/icons';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -43,7 +43,7 @@ export class GfZenPageComponent implements OnDestroy, OnInit {
               routerLink: internalRoutes.zen.routerLink
             },
             {
-              iconName: 'wallet-outline',
+              iconName: 'albums-outline',
               label: internalRoutes.zen.subRoutes.holdings.title,
               routerLink: internalRoutes.zen.subRoutes.holdings.routerLink
             }
@@ -54,7 +54,7 @@ export class GfZenPageComponent implements OnDestroy, OnInit {
         }
       });
 
-    addIcons({ analyticsOutline, walletOutline });
+    addIcons({ albumsOutline, analyticsOutline });
   }
 
   public ngOnInit() {