diff --git a/CHANGELOG.md b/CHANGELOG.md index c99bde2e4..7e260a013 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Fixed - Fixed the state of the account delete button (disable if account contains activities) +- Fixed an issue in the activities filter component (typing a search term) ## 1.147.0 - 10.05.2022 diff --git a/libs/ui/src/lib/activities-filter/activities-filter.component.ts b/libs/ui/src/lib/activities-filter/activities-filter.component.ts index bf8c5878b..f466999bb 100644 --- a/libs/ui/src/lib/activities-filter/activities-filter.component.ts +++ b/libs/ui/src/lib/activities-filter/activities-filter.component.ts @@ -48,8 +48,8 @@ export class ActivitiesFilterComponent implements OnChanges, OnDestroy { public constructor() { this.searchControl.valueChanges .pipe(takeUntil(this.unsubscribeSubject)) - .subscribe((currentFilter: Filter) => { - if (currentFilter) { + .subscribe((filterOrSearchTerm: Filter | string) => { + if (filterOrSearchTerm) { this.filters$.next( this.allFilters .filter((filter) => { @@ -59,9 +59,15 @@ export class ActivitiesFilterComponent implements OnChanges, OnDestroy { }); }) .filter((filter) => { + if (typeof filterOrSearchTerm === 'string') { + return filter.label + .toLowerCase() + .startsWith(filterOrSearchTerm.toLowerCase()); + } + return filter.label .toLowerCase() - .startsWith(currentFilter.label.toLowerCase()); + .startsWith(filterOrSearchTerm?.label?.toLowerCase()); }) .sort((a, b) => a.label.localeCompare(b.label)) );