Resolve review comments 2

apps/client/src/app/services/user/user.service.ts

@@ -65,13 +65,6 @@ export class UserService extends ObservableStore<UserStoreState> {
       });
     }
 
-    if (user?.settings['filters.tags']) {
-      filters.push({
-        id: user.settings['filters.tags'][0],
-        type: 'TAG'
-      });
-    }
-
     if (user?.settings['filters.dataSource']) {
       filters.push({
         id: user.settings['filters.dataSource'],
@@ -86,6 +79,13 @@ export class UserService extends ObservableStore<UserStoreState> {
       });
     }
 
+    if (user?.settings['filters.tags']) {
+      filters.push({
+        id: user.settings['filters.tags'][0],
+        type: 'TAG'
+      });
+    }
+
     return filters;
   }
 

libs/common/src/lib/interfaces/user-settings.interface.ts

@@ -14,9 +14,9 @@ export interface UserSettings {
   dateRange?: DateRange;
   emergencyFund?: number;
   'filters.accounts'?: string[];
-  'filters.tags'?: string[];
   'filters.dataSource'?: string;
   'filters.symbol'?: string;
+  'filters.tags'?: string[];
   holdingsViewMode?: HoldingsViewMode;
   isExperimentalFeatures?: boolean;
   isRestrictedView?: boolean;

libs/ui/src/lib/assistant/assistant.component.ts

@@ -2,7 +2,13 @@ import { GfAssetProfileIconComponent } from '@ghostfolio/client/components/asset
 import { GfSymbolModule } from '@ghostfolio/client/pipes/symbol/symbol.module';
 import { AdminService } from '@ghostfolio/client/services/admin.service';
 import { DataService } from '@ghostfolio/client/services/data.service';
-import { Filter, PortfolioPosition, User } from '@ghostfolio/common/interfaces';
+import { getAssetProfileIdentifier } from '@ghostfolio/common/helper';
+import {
+  AssetProfileIdentifier,
+  Filter,
+  PortfolioPosition,
+  User
+} from '@ghostfolio/common/interfaces';
 import { DateRange } from '@ghostfolio/common/types';
 import { translate } from '@ghostfolio/ui/i18n';
 
@@ -36,8 +42,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatMenuTrigger } from '@angular/material/menu';
 import { MatSelectModule } from '@angular/material/select';
 import { RouterModule } from '@angular/router';
-import { Account, AssetClass } from '@prisma/client';
-import { sortBy } from 'lodash';
+import { Account, AssetClass, DataSource } from '@prisma/client';
 import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
 import { EMPTY, Observable, Subject, lastValueFrom } from 'rxjs';
 import {
@@ -135,9 +140,10 @@ export class GfAssistantComponent implements OnChanges, OnDestroy, OnInit {
   public filterForm = this.formBuilder.group({
     account: new FormControl<string>(undefined),
     assetClass: new FormControl<string>(undefined),
-    holdings: new FormControl<PortfolioPosition>(undefined),
+    holding: new FormControl<PortfolioPosition>(undefined),
     tag: new FormControl<string>(undefined)
   });
+  public holdings: PortfolioPosition[] = [];
   public isLoading = false;
   public isOpen = false;
   public placeholder = $localize`Find holding...`;
@@ -147,7 +153,6 @@ export class GfAssistantComponent implements OnChanges, OnDestroy, OnInit {
     holdings: []
   };
   public tags: Filter[] = [];
-  public holdings: PortfolioPosition[] = [];
 
   private filterTypes: Filter['type'][] = [
     'ACCOUNT',
@@ -167,7 +172,7 @@ export class GfAssistantComponent implements OnChanges, OnDestroy, OnInit {
   ) {}
 
   public ngOnInit() {
-    this.loadPortfolioHoldings();
+    this.initializeFilterForm();
 
     this.assetClasses = Object.keys(AssetClass).map((assetClass) => {
       return {
@@ -276,7 +281,7 @@ export class GfAssistantComponent implements OnChanges, OnDestroy, OnInit {
       this.filterForm.enable({ emitEvent: false });
     }
 
-    this.loadPortfolioHoldings();
+    this.initializeFilterForm();
 
     this.tags =
       this.user?.tags
@@ -336,11 +341,11 @@ export class GfAssistantComponent implements OnChanges, OnDestroy, OnInit {
         type: 'ASSET_CLASS'
       },
       {
-        id: this.filterForm.get('holdings').value?.dataSource,
+        id: this.filterForm.get('holding').value?.dataSource,
         type: 'DATA_SOURCE'
       },
       {
-        id: this.filterForm.get('holdings').value?.symbol,
+        id: this.filterForm.get('holding').value?.symbol,
         type: 'SYMBOL'
       },
       {
@@ -486,40 +491,53 @@ export class GfAssistantComponent implements OnChanges, OnDestroy, OnInit {
       );
   }
 
-  public holdingComparisonFunction(option, value): boolean {
+  public holdingComparisonFunction(
+    option: AssetProfileIdentifier,
+    value: AssetProfileIdentifier
+  ): boolean {
+    if (value === null) {
+      return false;
+    }
     return (
-      option.dataSource === value?.dataSource && option.symbol === value?.symbol
+      getAssetProfileIdentifier(option) === getAssetProfileIdentifier(value)
     );
   }
 
-  private loadPortfolioHoldings() {
+  private initializeFilterForm() {
     this.dataService
       .fetchPortfolioHoldings({
         range: 'max'
       })
       .pipe(takeUntil(this.unsubscribeSubject))
       .subscribe(({ holdings }) => {
-        this.holdings = sortBy(holdings, ({ name }) => {
-          return name.toLowerCase();
+        this.holdings = holdings
+          .filter(({ assetSubClass }) => {
+            return assetSubClass !== 'CASH';
+          })
+          .sort((a, b) => {
+            return a.name?.localeCompare(b.name);
           });
-        this.setFormValues();
+        this.setFilterFormValues();
       });
   }
 
-  private setFormValues() {
-    const dataSource = this.user?.settings?.['filters.dataSource'] ?? null;
-    const symbol = this.user?.settings?.['filters.symbol'] ?? null;
-    const selectedHolding = this.holdings.find(
-      (holding) =>
-        (holding.dataSource ?? null) === dataSource &&
-        (holding.symbol ?? null) === symbol
+  private setFilterFormValues() {
+    const dataSource = this.user?.settings?.[
+      'filters.dataSource'
+    ] as DataSource;
+    const symbol = this.user?.settings?.['filters.symbol'];
+    const selectedHolding = this.holdings.find((holding) => {
+      return (
+        getAssetProfileIdentifier(holding) ===
+        getAssetProfileIdentifier({ dataSource, symbol })
       );
+    });
 
     this.filterForm.setValue(
       {
         account: this.user?.settings?.['filters.accounts']?.[0] ?? null,
         assetClass: this.user?.settings?.['filters.assetClasses']?.[0] ?? null,
-        holdings: selectedHolding ?? null,
+        holding: selectedHolding ?? null,
         tag: this.user?.settings?.['filters.tags']?.[0] ?? null
       },
       {

libs/ui/src/lib/assistant/assistant.html

@@ -126,16 +126,16 @@
           <mat-form-field appearance="outline" class="w-100 without-hint">
             <mat-label i18n>Holding</mat-label>
             <mat-select
-              formControlName="holdings"
+              formControlName="holding"
               [compareWith]="holdingComparisonFunction"
             >
               <mat-select-trigger>{{
-                filterForm.get('holdings')?.value?.name
+                filterForm.get('holding')?.value?.name
               }}</mat-select-trigger>
               <mat-option [value]="null" />
               @for (holding of holdings; track holding.name) {
                 <mat-option class="line-height-1" [value]="holding">
-                  <span
+                  <span class="text-truncate"
                     ><b>{{ holding.name }}</b></span
                   >
                   <br />