From bd01758200874a4d38d0e479826e0ef7dcc679ae Mon Sep 17 00:00:00 2001
From: Johnson Towoju <johnsontowoju@gmail.com>
Date: Mon, 17 Nov 2025 16:18:52 +0100
Subject: [PATCH] feat: extend account menu with view-details option

---
 .../src/lib/accounts-table/accounts-table.component.html   | 7 +++++++
 libs/ui/src/lib/accounts-table/accounts-table.component.ts | 6 ++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/libs/ui/src/lib/accounts-table/accounts-table.component.html b/libs/ui/src/lib/accounts-table/accounts-table.component.html
index 805ffe77d..b3b58e923 100644
--- a/libs/ui/src/lib/accounts-table/accounts-table.component.html
+++ b/libs/ui/src/lib/accounts-table/accounts-table.component.html
@@ -301,6 +301,13 @@
           <ion-icon name="ellipsis-horizontal" />
         </button>
         <mat-menu #accountMenu="matMenu" xPosition="before">
+          <button mat-menu-item (click)="onOpenAccountDetailDialog(element.id)">
+            <span class="align-items-center d-flex">
+              <ion-icon class="mr-2" name="wallet-outline" />
+              <span i18n>View Details</span>
+            </span>
+          </button>
+          <hr class="m-0" />
           <button mat-menu-item (click)="onUpdateAccount(element)">
             <span class="align-items-center d-flex">
               <ion-icon class="mr-2" name="create-outline" />
diff --git a/libs/ui/src/lib/accounts-table/accounts-table.component.ts b/libs/ui/src/lib/accounts-table/accounts-table.component.ts
index c0995c39a..898231168 100644
--- a/libs/ui/src/lib/accounts-table/accounts-table.component.ts
+++ b/libs/ui/src/lib/accounts-table/accounts-table.component.ts
@@ -30,7 +30,8 @@ import {
   documentTextOutline,
   ellipsisHorizontal,
   eyeOffOutline,
-  trashOutline
+  trashOutline,
+  walletOutline
 } from 'ionicons/icons';
 import { get } from 'lodash';
 import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
@@ -94,7 +95,8 @@ export class GfAccountsTableComponent implements OnChanges, OnDestroy {
       documentTextOutline,
       ellipsisHorizontal,
       eyeOffOutline,
-      trashOutline
+      trashOutline,
+      walletOutline
     });
   }