Feature/add currency suffix to emergency fund dialog (#7969)

* Add currency suffix to emergency fund dialog

* Update changelog

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Extended the emergency fund dialog in the portfolio summary to include the currency suffix
 - Migrated the client to the code generated by the new `prisma-client` generator of _Prisma_
 
 ## 3.75.0 - 2026-09-28

apps/client/src/app/components/portfolio-summary/portfolio-summary.component.ts

@@ -201,7 +201,8 @@ export class GfPortfolioSummaryComponent implements OnChanges {
       },
       confirmLabel: $localize`Save`,
       defaultValue: this.summary.emergencyFund?.total?.toString() ?? '0',
-      title: $localize`Please set the amount of your emergency fund.`
+      title: $localize`Please set the amount of your emergency fund.`,
+      valueSuffix: this.baseCurrency
     });
   }
 

libs/ui/src/lib/notifications/interfaces/interfaces.ts

@@ -26,4 +26,5 @@ export interface PromptParams {
   discardLabel?: string;
   title: string;
   valueLabel?: string;
+  valueSuffix?: string;
 }

libs/ui/src/lib/notifications/notification.service.ts

@@ -87,7 +87,8 @@ export class NotificationService {
       defaultValue: aParams.defaultValue,
       discardLabel: aParams.discardLabel,
       title: aParams.title,
-      valueLabel: aParams.valueLabel
+      valueLabel: aParams.valueLabel,
+      valueSuffix: aParams.valueSuffix
     });
 
     return dialog.afterClosed().subscribe((result: string) => {

libs/ui/src/lib/notifications/prompt-dialog/interfaces/interfaces.ts

@@ -4,4 +4,5 @@ export interface PromptDialogParams {
   discardLabel: string;
   title: string;
   valueLabel?: string;
+  valueSuffix?: string;
 }

libs/ui/src/lib/notifications/prompt-dialog/prompt-dialog.component.ts

@@ -26,6 +26,7 @@ export class GfPromptDialogComponent {
   public formControl = new FormControl('');
   public title: string;
   public valueLabel?: string;
+  public valueSuffix?: string;
 
   protected readonly dialogRef =
     inject<MatDialogRef<GfPromptDialogComponent>>(MatDialogRef);
@@ -35,7 +36,8 @@ export class GfPromptDialogComponent {
     defaultValue,
     discardLabel,
     title,
-    valueLabel
+    valueLabel,
+    valueSuffix
   }: PromptDialogParams) {
     this.confirmLabel = confirmLabel;
     this.defaultValue = defaultValue;
@@ -43,5 +45,6 @@ export class GfPromptDialogComponent {
     this.formControl.setValue(defaultValue ?? null);
     this.title = title;
     this.valueLabel = valueLabel;
+    this.valueSuffix = valueSuffix;
   }
 }

libs/ui/src/lib/notifications/prompt-dialog/prompt-dialog.html

@@ -8,6 +8,9 @@
       <mat-label>{{ valueLabel }}</mat-label>
     }
     <input matInput [formControl]="formControl" />
+    @if (valueSuffix) {
+      <span class="ml-2" matTextSuffix>{{ valueSuffix }}</span>
+    }
   </mat-form-field>
 </div>