start dynamic navbar

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

@@ -9,7 +9,7 @@
         >Memory Map</span
       >
     </a>
-    <div class="flex lg:order-2">
+    <div *ngIf="!isHomePage" class="flex lg:order-2">
       <button
         type="button"
         data-collapse-toggle="navbar-search"
@@ -126,29 +126,35 @@
             href="#"
             class="block py-2 text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300"
             aria-current="page"
-            >Home</a
+            >
+            <p *ngIf="!isHomePage">Home</p>
+            <p *ngIf="isHomePage">Connexion</p>
+          </a
           >
         </li>
         <li class="flex items-center space-x-2">
           <a
             href="#"
             class="block py-2 text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300"
-            >Quests</a
+            >
+            <p *ngIf="!isHomePage">Quests</p>
+            <p *ngIf="isHomePage">Inscription</p>
+          </a
           >
         </li>
         <li class="flex items-center space-x-2">
           <a
             href="#"
             class="block py-2 text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300"
-            >Add a pin</a
+            ><p *ngIf="!isHomePage">Add a pin</p>
-          >
+          </a>
         </li>
         <li class="flex items-center space-x-2">
           <a
             href="#"
             class="block py-2 text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300"
-            >Friends</a
+            ><p *ngIf="!isHomePage">Friends</p>
-          >
+          </a>
         </li>
       </ul>
     </div>

src/app/components/navbar/navbar.component.ts

@@ -1,8 +1,23 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { NgIf } from '@angular/common';
 
 @Component({
   selector: 'app-navbar',
-  imports: [],
+  imports: [NgIf],
   templateUrl: './navbar.component.html',
 })
-export class NavbarComponent {}
+export class NavbarComponent {
+  isHomePage: boolean = false;
+
+  constructor() {
+  }
+
+  ngOnInit(): void {
+    let url = window.location.pathname; 
+    if (url === '/') {
+      this.isHomePage = true;
+    }
+  }
+
+}
+