end of intro

src/app/components/leaflet-map/leaflet-map.component.ts

@@ -56,6 +56,12 @@ export class LeafletMapComponent implements OnInit {
       this.loadPins(); // recharge les pins quand demandé
     });
 
+    this.route.params.subscribe((params) => {
+      if(params['tutorial'] === "true") {
+        this.introService.startIntro();
+      }
+    });
+
     this.route.queryParams.subscribe((params) => {
       const pinId = params['pin'];
 
@@ -70,10 +76,6 @@ export class LeafletMapComponent implements OnInit {
         }
       }
     });
-
-    if(this.route.snapshot.paramMap.get('tutorial') === "true") {
-      this.introService.startIntro();
-    }
   }
 
   private initializeMap(): void {

src/app/components/navbar/navbar.component.html

@@ -178,6 +178,10 @@
           <li id="friend">
             <app-friend-page></app-friend-page>
           </li>
+          <li>
+            <a class="block py-2 text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300"
+            [routerLink]="['/map', {tutorial: true}]">Tutorial</a>
+          </li>
         </ul>
 
         <!-- Bouton de déconnexion (visible uniquement sur mobile) -->