Leverage routerLink to avoid reloading entire app #10570

Author: PowerKiKi

client/app/front-office/components/agir-avec-nous/alimentation/alimentation.component.html

@@ -74,18 +74,19 @@ <h1 class="mat-headline-4">ALIMENTATION</h1>
             <p>
                 Pour renforcer cet élan, les <strong>Artisans de la transition</strong> sortiront début 2025 un dossier
                 de LaRevueDurable sur les atouts des épiceries alternatives et les moyens de les fortifier et un nouveau
-                film documentaire, <a href="/agir-avec-nous/irremplacables-epiceries">Irremplaçables épiceries!</a>, qui
-                relie leur action et leur engagement à une vision de l’agriculture dite « paysanne » avec laquelle elles
-                sont alignées et qu’elles pourraient promouvoir.
+                film documentaire,
+                <a routerLink="/agir-avec-nous/irremplacables-epiceries">Irremplaçables épiceries!</a>, qui relie leur
+                action et leur engagement à une vision de l’agriculture dite « paysanne » avec laquelle elles sont
+                alignées et qu’elles pourraient promouvoir.
             </p>
         </div>
 
         <div class="nat-vertical nat-gap">
-            <a mat-flat-button color="primary" href="/manger-c-est-politique)">Manger c’est politique</a>
-            <a mat-flat-button color="primary" href="/agir-avec-nous/irremplacables-epiceries"
+            <a mat-flat-button color="primary" routerLink="/manger-c-est-politique">Manger c’est politique</a>
+            <a mat-flat-button color="primary" routerLink="/agir-avec-nous/irremplacables-epiceries"
                 >Irremplaçables épiceries !</a
             >
-            <a mat-flat-button color="primary" href="/agir-avec-nous/epiceries-alternatives-rapport-2024"
+            <a mat-flat-button color="primary" routerLink="/agir-avec-nous/epiceries-alternatives-rapport-2024"
                 >Rapport 2024</a
             >
         </div>

client/app/front-office/components/agir-avec-nous/alimentation/alimentation.component.ts

@@ -1,10 +1,11 @@
 import {Component} from '@angular/core';
 import {MatAnchor} from '@angular/material/button';
+import {RouterLink} from '@angular/router';
 
 @Component({
     selector: 'app-alimentation',
     templateUrl: './alimentation.component.html',
     styleUrl: './alimentation.component.scss',
-    imports: [MatAnchor],
+    imports: [MatAnchor, RouterLink],
 })
 export class AlimentationComponent {}