s (#3192)

src/app/clients/clients-view/general-tab/general-tab.component.html

@@ -114,7 +114,7 @@
 
     <ng-container matColumnDef="no-data">
       <td mat-footer-cell *matFooterCellDef [attr.colspan]="upcomingChargesColumns.length">
-        <div class="no-data-message">
+        <div class="table-empty-state">
           <p>{{ 'labels.messages.No Upcoming Charges Available' | translate }}</p>
         </div>
       </td>
@@ -268,7 +268,7 @@
 
       <ng-container matColumnDef="no-data">
         <td mat-footer-cell *matFooterCellDef [attr.colspan]="openLoansColumns.length">
-          <div class="no-data-message">
+          <div class="table-empty-state">
             <p>{{ 'labels.messages.No Active Loan Accounts Available' | translate }}</p>
           </div>
         </td>
@@ -357,7 +357,7 @@
 
       <ng-container matColumnDef="no-data">
         <td mat-footer-cell *matFooterCellDef [attr.colspan]="closedLoansColumns.length">
-          <div class="no-data-message">
+          <div class="table-empty-state">
             <p>{{ 'labels.messages.No Closed Loan Accounts Available' | translate }}</p>
           </div>
         </td>
@@ -479,7 +479,7 @@
 
       <ng-container matColumnDef="no-data">
         <td mat-footer-cell *matFooterCellDef [attr.colspan]="openSavingsColumns.length">
-          <div class="no-data-message">
+          <div class="table-empty-state">
             <p>{{ 'labels.messages.No Active Saving Accounts Available' | translate }}</p>
           </div>
         </td>
@@ -523,7 +523,7 @@
 
       <ng-container matColumnDef="no-data">
         <td mat-footer-cell *matFooterCellDef [attr.colspan]="closedSavingsColumns.length">
-          <div class="no-data-message">
+          <div class="table-empty-state">
             <p>{{ 'labels.messages.No Closed Saving Accounts Available' | translate }}</p>
           </div>
         </td>
@@ -622,7 +622,7 @@
 
       <ng-container matColumnDef="no-data">
         <td mat-footer-cell *matFooterCellDef [attr.colspan]="openSavingsColumns.length">
-          <div class="no-data-message">
+          <div class="table-empty-state">
             <p>{{ 'labels.messages.No Active Fixed Deposit Accounts Available' | translate }}</p>
           </div>
         </td>
@@ -667,7 +667,7 @@
 
       <ng-container matColumnDef="no-data">
         <td mat-footer-cell *matFooterCellDef [attr.colspan]="closedSavingsColumns.length">
-          <div class="no-data-message">
+          <div class="table-empty-state">
             <p>{{ 'labels.messages.No Closed Fixed Deposit Accounts Available' | translate }}</p>
           </div>
         </td>
@@ -770,7 +770,7 @@
 
       <ng-container matColumnDef="no-data">
         <td mat-footer-cell *matFooterCellDef [attr.colspan]="openSavingsColumns.length">
-          <div class="no-data-message">
+          <div class="table-empty-state">
             <p>{{ 'labels.messages.No Active Recurring Deposit Accounts Available' | translate }}</p>
           </div>
         </td>
@@ -815,7 +815,7 @@
 
       <ng-container matColumnDef="no-data">
         <td mat-footer-cell *matFooterCellDef [attr.colspan]="closedSavingsColumns.length">
-          <div class="no-data-message">
+          <div class="table-empty-state">
             <p>{{ 'labels.messages.No Closed Recurring Deposit Accounts Available' | translate }}</p>
           </div>
         </td>
@@ -917,7 +917,7 @@
 
       <ng-container matColumnDef="no-data">
         <td mat-footer-cell *matFooterCellDef [attr.colspan]="openSharesColumns.length">
-          <div class="no-data-message">
+          <div class="table-empty-state">
             <p>{{ 'labels.messages.No Active Share Accounts Available' | translate }}</p>
           </div>
         </td>
@@ -965,7 +965,7 @@
 
       <ng-container matColumnDef="no-data">
         <td mat-footer-cell *matFooterCellDef [attr.colspan]="closedSharesColumns.length">
-          <div class="no-data-message">
+          <div class="table-empty-state">
             <p>{{ 'labels.messages.No Closed Share Accounts Available' | translate }}</p>
           </div>
         </td>
@@ -1039,7 +1039,7 @@
 
     <ng-container matColumnDef="no-data">
       <td mat-footer-cell *matFooterCellDef [attr.colspan]="collateralsColumns.length">
-        <div class="no-data-message">
+        <div class="table-empty-state">
           <p>{{ 'labels.messages.No Collateral Data Available' | translate }}</p>
         </div>
       </td>

src/app/clients/clients-view/general-tab/general-tab.component.scss

@@ -56,15 +56,3 @@
   align-items: center; /* Ensure buttons are vertically aligned */
   gap: 0.5rem; /* Add spacing between buttons if needed */
 }
-
-.no-data-message {
-  text-align: center;
-  padding: 40px 20px;
-  color: var(--mdc-theme-text-secondary-on-background, #666);
-  font-size: 14px;
-  cursor: auto;
-
-  p {
-    margin: 0;
-  }
-}

src/app/clients/clients-view/identities-tab/identities-tab.component.html

@@ -120,8 +120,19 @@
       </td>
     </ng-container>
 
+    <ng-container matColumnDef="no-data">
+      <td mat-footer-cell *matFooterCellDef [attr.colspan]="identitiesColumns.length">
+        <div class="table-empty-state">
+          <p>{{ 'labels.messages.No Identities Available' | translate }}</p>
+        </div>
+      </td>
+    </ng-container>
+
     <tr mat-header-row *matHeaderRowDef="identitiesColumns"></tr>
     <tr mat-row *matRowDef="let row; columns: identitiesColumns"></tr>
+    @if (clientIdentities?.length === 0) {
+      <tr mat-footer-row *matFooterRowDef="['no-data']"></tr>
+    }
   </table>
 </div>
 

src/app/clients/clients-view/identities-tab/identities-tab.component.ts

@@ -20,7 +20,11 @@ import {
   MatHeaderRowDef,
   MatHeaderRow,
   MatRowDef,
-  MatRow
+  MatRow,
+  MatFooterCellDef,
+  MatFooterCell,
+  MatFooterRowDef,
+  MatFooterRow
 } from '@angular/material/table';
 import { ActivatedRoute } from '@angular/router';
 
@@ -60,7 +64,11 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
     MatHeaderRowDef,
     MatHeaderRow,
     MatRowDef,
-    MatRow
+    MatRow,
+    MatFooterCellDef,
+    MatFooterCell,
+    MatFooterRowDef,
+    MatFooterRow
   ]
 })
 export class IdentitiesTabComponent implements OnDestroy {