fix(search-header): update filters on autocomplete selection

geonetwork · Sep 23, 2024 · b625cdf · b625cdf
1 parent 9fdfb66
commit b625cdf
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/apps/metadata-editor-e2e/src/e2e/dashboard.cy.ts b/apps/metadata-editor-e2e/src/e2e/dashboard.cy.ts
@@ -229,8 +229,7 @@ describe('dashboard', () => {
       it('should filter the dashboard based on the search input', () => {
         checkDashboardFiltered()
       })
-      // TODO remove skip when handleItemSelection of autocomplete is handled correctly
-      it.skip('should navigate to list of all records and filter the dashboard based on the search input when on different page', () => {
+      it('should navigate to list of all records and filter the dashboard based on the search input when on different page', () => {
         cy.visit('/my-space/my-records')
         checkDashboardFiltered()
       })

diff --git a/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.html b/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.html
@@ -1,6 +1,7 @@
 <div class="py-3 px-12 flex justify-between w-full">
   <div class="w-2/3">
     <gn-ui-fuzzy-search
+      (itemSelected)="handleItemSelection($event)"
       style="--gn-ui-text-input-border-size: 0px"
     ></gn-ui-fuzzy-search>
   </div>

diff --git a/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.ts b/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.ts
@@ -2,11 +2,15 @@ import { CommonModule } from '@angular/common'
 import { ChangeDetectionStrategy, Component } from '@angular/core'
 import { MatIconModule } from '@angular/material/icon'
 import { LetDirective } from '@ngrx/component'
-import { FeatureSearchModule } from '@geonetwork-ui/feature/search'
+import {
+  FeatureSearchModule,
+  SearchService,
+} from '@geonetwork-ui/feature/search'
 import { UiElementsModule } from '@geonetwork-ui/ui/elements'
 import { AvatarServiceInterface } from '@geonetwork-ui/api/repository'
 import { PlatformServiceInterface } from '@geonetwork-ui/common/domain/platform.service.interface'
 import { TranslateModule } from '@ngx-translate/core'
+import { CatalogRecord } from '@geonetwork-ui/common/domain/model/record'
 
 @Component({
   selector: 'md-editor-search-header',
@@ -29,6 +33,11 @@ export class SearchHeaderComponent {
 
   constructor(
     public platformService: PlatformServiceInterface,
-    private avatarService: AvatarServiceInterface
+    private avatarService: AvatarServiceInterface,
+    private searchService: SearchService
   ) {}
+
+  handleItemSelection(item: CatalogRecord) {
+    this.searchService.updateFilters({ any: item.title })
+  }
 }