From f86915acfabecbf90dc30029c2d2a079ac942a2d Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Tue, 16 Apr 2024 19:15:52 +0200
Subject: [PATCH] Finalize GUI

---
 .../account-detail-dialog.html                  |  1 +
 .../account-balances.component.html             | 17 +++++++++++------
 .../account-balances.component.ts               |  1 +
 3 files changed, 13 insertions(+), 6 deletions(-)

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 3f697361f..e092cce68 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
@@ -115,6 +115,7 @@
         </ng-template>
         <gf-account-balances
           [accountBalances]="accountBalances"
+          [accountCurrency]="currency"
           [accountId]="data.accountId"
           [locale]="user?.settings?.locale"
           [showActions]="
diff --git a/libs/ui/src/lib/account-balances/account-balances.component.html b/libs/ui/src/lib/account-balances/account-balances.component.html
index 05e5e1199..460d819f1 100644
--- a/libs/ui/src/lib/account-balances/account-balances.component.html
+++ b/libs/ui/src/lib/account-balances/account-balances.component.html
@@ -15,8 +15,7 @@
         <gf-value [isDate]="true" [locale]="locale" [value]="element?.date" />
       </td>
       <td *matFooterCellDef class="px-2" mat-footer-cell>
-        <mat-form-field appearance="outline">
-          <mat-label i18n>Date</mat-label>
+        <mat-form-field appearance="outline" class="py-1 without-hint">
           <input formControlName="date" matInput [matDatepicker]="date" />
           <mat-datepicker-toggle matSuffix [for]="date">
             <ion-icon
@@ -25,7 +24,7 @@
               name="calendar-clear-outline"
             />
           </mat-datepicker-toggle>
-          <mat-datepicker #date disabled="false" />
+          <mat-datepicker #date />
         </mat-form-field>
       </td>
     </ng-container>
@@ -46,13 +45,16 @@
       </td>
       <td *matFooterCellDef class="px-2" mat-footer-cell>
         <div class="d-flex justify-content-end">
-          <mat-form-field apperance="outline">
+          <mat-form-field appearance="outline" class="without-hint">
             <input
               formControlName="balance"
               matInput
               placeholder="Value"
               type="number"
             />
+            <div class="ml-2" matTextSuffix>
+              {{ accountCurrency }}
+            </div>
           </mat-form-field>
         </div>
       </td>
@@ -88,7 +90,6 @@
           type="submit"
           [disabled]="accountBalanceForm.invalid"
         >
-          <ion-icon name="add" />
           <span i18n>Add</span>
         </button>
       </td>
@@ -96,6 +97,10 @@
 
     <tr *matHeaderRowDef="displayedColumns" mat-header-row></tr>
     <tr *matRowDef="let row; columns: displayedColumns" mat-row></tr>
-    <tr *matFooterRowDef="displayedColumns" mat-footer-row></tr>
+    <tr
+      *matFooterRowDef="displayedColumns"
+      mat-footer-row
+      [hidden]="!showActions"
+    ></tr>
   </table>
 </form>
diff --git a/libs/ui/src/lib/account-balances/account-balances.component.ts b/libs/ui/src/lib/account-balances/account-balances.component.ts
index e68c99abe..15750ea1c 100644
--- a/libs/ui/src/lib/account-balances/account-balances.component.ts
+++ b/libs/ui/src/lib/account-balances/account-balances.component.ts
@@ -57,6 +57,7 @@ export class GfAccountBalancesComponent
   implements OnChanges, OnDestroy, OnInit
 {
   @Input() accountBalances: AccountBalancesResponse['balances'];
+  @Input() accountCurrency: string;
   @Input() accountId: string;
   @Input() locale = getLocale();
   @Input() showActions = true;