change new mat-icon after rebase

geonetwork · Oct 24, 2024 · 4a5326d · 4a5326d
1 parent 0612123
commit 4a5326d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/apps/metadata-editor/src/app/dashboard/search-filters/search-filters.component.html b/apps/metadata-editor/src/app/dashboard/search-filters/search-filters.component.html
@@ -1,7 +1,7 @@
 <div
   class="flex flex-row py-3 px-4 gap-4 shadow-md shadow-gray-300 border-[1px] border-gray-200 overflow-hidden rounded bg-white grow mx-[32px] my-[16px] text-sm"
 >
-  <mat-icon class="material-symbols-outlined">filter_list</mat-icon>
+  <ng-icon class="mt-0.5" name="iconoirFilterList"></ng-icon>
   <gn-ui-filter-dropdown
     *ngFor="let filter of searchConfig; let i = index"
     [fieldName]="filter.fieldName"

diff --git a/apps/metadata-editor/src/app/dashboard/search-filters/search-filters.component.ts b/apps/metadata-editor/src/app/dashboard/search-filters/search-filters.component.ts
@@ -2,12 +2,30 @@ import { Component, Input, OnInit } from '@angular/core'
 import { CommonModule } from '@angular/common'
 import { TranslateModule } from '@ngx-translate/core'
 import { FeatureSearchModule } from '@geonetwork-ui/feature/search'
-import { MatIconModule } from '@angular/material/icon'
+import {
+  NgIconComponent,
+  provideIcons,
+  provideNgIconsConfig,
+} from '@ng-icons/core'
+import { iconoirFilterList } from '@ng-icons/iconoir'
 
 @Component({
   selector: 'md-editor-search-filters',
   standalone: true,
-  imports: [CommonModule, TranslateModule, FeatureSearchModule, MatIconModule],
+  imports: [
+    CommonModule,
+    TranslateModule,
+    FeatureSearchModule,
+    NgIconComponent,
+  ],
+  providers: [
+    provideIcons({
+      iconoirFilterList,
+    }),
+    provideNgIconsConfig({
+      size: '1.5rem',
+    }),
+  ],
   templateUrl: './search-filters.component.html',
   styleUrls: ['./search-filters.component.css'],
 })