Task/hide currency in portfolio summary on mobile (#7952)

* 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 summary by hiding the currency on mobile
 - Improved the language localization for Catalan (`ca`)
 
 ### Fixed

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

@@ -48,7 +48,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.totalBuy"
       />
     </div>
@@ -62,7 +62,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.totalSell"
       />
     </div>
@@ -79,7 +79,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.totalInvestmentValueWithCurrencyEffect"
       />
     </div>
@@ -93,7 +93,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.grossPerformanceWithCurrencyEffect"
       />
     </div>
@@ -110,7 +110,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.fees"
       />
     </div>
@@ -127,7 +127,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.netPerformanceWithCurrencyEffect"
       />
     </div>
@@ -171,7 +171,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.totalAssetsInBaseCurrency"
       />
     </div>
@@ -217,7 +217,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="holdingsInBaseCurrency"
       />
     </div>
@@ -233,7 +233,7 @@
           [isLoading]="isLoading"
           [locale]="locale"
           [precision]="precision"
-          [unit]="baseCurrency"
+          [unit]="displayedCurrency"
           [value]="investmentsInBaseCurrency"
         />
       </div>
@@ -248,7 +248,7 @@
           [isLoading]="isLoading"
           [locale]="locale"
           [precision]="precision"
-          [unit]="baseCurrency"
+          [unit]="displayedCurrency"
           [value]="summary?.emergencyFund?.assets"
         />
       </div>
@@ -295,7 +295,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.totalCashInBaseCurrency"
       />
     </div>
@@ -311,7 +311,7 @@
           [isLoading]="isLoading"
           [locale]="locale"
           [precision]="precision"
-          [unit]="baseCurrency"
+          [unit]="displayedCurrency"
           [value]="summary?.cash"
         />
       </div>
@@ -326,7 +326,7 @@
           [isLoading]="isLoading"
           [locale]="locale"
           [precision]="precision"
-          [unit]="baseCurrency"
+          [unit]="displayedCurrency"
           [value]="summary?.emergencyFund?.cash"
         />
       </div>
@@ -356,7 +356,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.excludedAccountsAndActivities"
       />
     </div>
@@ -379,7 +379,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.liabilitiesInBaseCurrency"
       />
     </div>
@@ -396,7 +396,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.totalValueInBaseCurrency"
       />
     </div>
@@ -469,7 +469,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.emergencyFund?.total"
       />
     </div>
@@ -483,7 +483,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.interestInBaseCurrency"
       />
     </div>
@@ -497,7 +497,7 @@
         [isLoading]="isLoading"
         [locale]="locale"
         [precision]="precision"
-        [unit]="baseCurrency"
+        [unit]="displayedCurrency"
         [value]="summary?.dividendInBaseCurrency"
       />
     </div>

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

@@ -79,6 +79,10 @@ export class GfPortfolioSummaryComponent implements OnChanges {
       : 0;
   }
 
+  protected get displayedCurrency() {
+    return this.deviceType === 'mobile' ? undefined : this.baseCurrency;
+  }
+
   protected get emergencyFundPercentage() {
     return this.summary?.totalValueInBaseCurrency
       ? (this.summary.emergencyFund?.total || 0) /