fix(geo): register svg icon for layer-list

infra-geo-ouverte · Apr 16, 2024 · de1fa78 · de1fa78
1 parent ae2dd97
commit de1fa78
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/packages/geo/src/lib/layer/layer-list/layer-list.component.html b/packages/geo/src/lib/layer/layer-list/layer-list.component.html
@@ -179,7 +179,7 @@
       <mat-icon
         matBadgeColor="primary"
         matBadgeSize="medium"
-        svgIcon="magnify-scan"
+        [svgIcon]="magnifyIcon.name"
       ></mat-icon>
     </button>
 
@@ -340,7 +340,7 @@
       [matTooltip]="'igo.geo.layer.zoomLayers' | translate"
       (click)="zoomLayersExtents(layersChecked)"
     >
-      <mat-icon svgIcon="magnify-scan"></mat-icon>
+      <mat-icon [svgIcon]="magnifyIcon.name"></mat-icon>
     </button>
   </div>
 </igo-panel>
diff --git a/packages/geo/src/lib/layer/layer-list/layer-list.component.ts b/packages/geo/src/lib/layer/layer-list/layer-list.component.ts
@@ -23,6 +23,7 @@ import { MatSliderChange, MatSliderModule } from '@angular/material/slider';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
 import {
+  IconService,
   IconSvg,
   ListComponent,
   ListItemDirective,
@@ -274,9 +275,14 @@ export class LayerListComponent implements OnInit, OnDestroy {
   public selectAllCheck: boolean;
   public selectAllCheck$ = new BehaviorSubject<boolean>(undefined);
   private selectAllCheck$$: Subscription;
-  svgIcon: IconSvg = MAGNIFY_SCAN_ICON;
+  magnifyIcon: IconSvg = MAGNIFY_SCAN_ICON;
 
-  constructor(private elRef: ElementRef) {}
+  constructor(
+    private elRef: ElementRef,
+    private iconService: IconService
+  ) {
+    this.iconService.registerSvg(this.magnifyIcon);
+  }
 
   /**
    * Subscribe to the search term stream and trigger researches