Task/hide currency in portfolio performance on mobile (#8114)

* Hide currency on mobile

* Update changelog

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Simplified the portfolio performance on the overview tab of the home page by hiding the currency on mobile
 - Extended the access to share the portfolio with the Model Context Protocol (MCP) to support the _View_ and the _View and manage_ permissions (experimental)
 - Improved the performance of getting the historical market data by selecting only the required columns
 

apps/client/src/app/components/home-overview/home-overview.component.ts

@@ -106,11 +106,13 @@ export class GfHomeOverviewComponent implements OnInit {
   });
 
   protected readonly unit = computed(() => {
-    const user = this.user();
+    if (!this.showDetails()) {
+      return '%';
+    }
 
-    return this.showDetails()
+    return this.deviceType() === 'mobile'
-      ? (user?.settings?.baseCurrency ?? DEFAULT_CURRENCY)
+      ? undefined
-      : '%';
+      : (this.user()?.settings?.baseCurrency ?? DEFAULT_CURRENCY);
   });
 
   private readonly dataService = inject(DataService);

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

@@ -44,7 +44,7 @@ export class GfPortfolioPerformanceComponent {
     }
   });
   public readonly showDetails = input<boolean>(false);
-  public readonly unit = input.required<string>();
+  public readonly unit = input.required<string | undefined>();
 
   private readonly value =
     viewChild.required<ElementRef<HTMLSpanElement>>('value');