From 49a9e47997185b637bc1a4227bece9eaf879a234 Mon Sep 17 00:00:00 2001
From: Alix JEUDI--LEMOINE <alix.jeudi--lemoine@etu.uca.fr>
Date: Thu, 29 May 2025 15:27:23 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Display=20navbar=20only=20if=20l?=
 =?UTF-8?q?ogged=20in=20(using=20AuthService)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/app.component.html |  9 ++++++---
 src/app/app.component.ts   | 14 +++++++++-----
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 3b82535..8239c6b 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,3 +1,6 @@
-<app-login-page />
-
-<router-outlet />
+<div class="min-h-screen bg-gray-100">
+  <app-navbar *ngIf="authService.isAdmin()"></app-navbar>
+  <main>
+    <router-outlet></router-outlet>
+  </main>
+</div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index db3f8b7..e6e68ec 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,17 +1,21 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { RouterOutlet } from '@angular/router';
 import { initFlowbite } from 'flowbite';
-import { LoginPageComponent } from './components/login-page/login-page.component';
+import { NavbarComponent } from './components/navbar/navbar.component';
+import { AuthService } from './services/auth.service';
 
 @Component({
   selector: 'app-root',
-  imports: [RouterOutlet, LoginPageComponent],
   templateUrl: './app.component.html',
-  styleUrl: './app.component.css'
+  styleUrls: ['./app.component.css'],
+  imports: [CommonModule, RouterOutlet, NavbarComponent]
 })
-export class AppComponent implements OnInit {
+export class AppComponent {
   title = 'memorymap-admin';
 
+  constructor(public authService: AuthService) {}
+
   ngOnInit(): void {
     initFlowbite();
   }