From ba2a4a0ea1b781c29c75f347f258370113915b8a Mon Sep 17 00:00:00 2001
From: Quentin Roussel <contact@quentinrsl.com>
Date: Thu, 28 Mar 2024 23:45:53 +0100
Subject: [PATCH] added navbar to admin interface

---
 traque-front/app/admin/layout.js     | 15 ++++++++++++++-
 traque-front/app/admin/teams/page.js |  8 ++++----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/traque-front/app/admin/layout.js b/traque-front/app/admin/layout.js
index 2069567..0463940 100644
--- a/traque-front/app/admin/layout.js
+++ b/traque-front/app/admin/layout.js
@@ -1,11 +1,24 @@
 import { AdminConnexionProvider} from "@/context/adminConnexionContext";
 import { AdminProvider } from "@/context/adminContext";
+import Link from "next/link";
 
 export default function AdminLayout({ children}) {
     return (
         <AdminConnexionProvider>
             <AdminProvider>
-                {children}
+                <div className='h-full flex items-stretch flex-col'>
+                    <div className="h-20 bg-gray-800 text-white flex items-center justify-left">
+                        <div className="mx-5">Admin</div>
+                        <ul className='flex space-x-4'>
+                            <li><Link href="/admin">Home</Link></li>
+                            <li><Link href="/admin/teams">Teams</Link></li>
+                            <li><Link href="/admin/map">Map</Link></li>
+                        </ul>
+                    </div>
+                    <div className="h-full block">
+                        {children}
+                    </div>
+                </div>
             </AdminProvider>
         </AdminConnexionProvider>
     )
diff --git a/traque-front/app/admin/teams/page.js b/traque-front/app/admin/teams/page.js
index e4e00c5..0b6db60 100644
--- a/traque-front/app/admin/teams/page.js
+++ b/traque-front/app/admin/teams/page.js
@@ -14,14 +14,14 @@ export default function TeamAdminPage() {
 
 
   return (
-      <div className='h-full p-10 flex flex-row justify-between'> 
-        <div className='w-5/12 h-full p-4 shadow-md rounded'>
+      <div className='h-full bg-gray-200 p-10 flex flex-row justify-between'> 
+        <div className='w-1/2 p-5 bg-white mx-5 h-full p-4 shadow-2xl rounded'>
           <h2 className='text-2xl text-center'>Team list</h2>
           <TeamAddForm onAddTeam={addTeam}/>
           <TeamList selectedTeamId={selectedTeamId} onSelected={setSelectedTeamId}/>
         </div>
-        <div className='w-5/12 h-full p-4 shadow-md rounded'>
-          <TeamEdit selectedTeamId={selectedTeamId} setSelectedTeamId={setSelectedTeamId}/>
+        <div className='w-1/2 p-5 mx-5 bg-white h-full p-4 shadow-2xl rounded'>
+          {selectedTeamId && <TeamEdit selectedTeamId={selectedTeamId} setSelectedTeamId={setSelectedTeamId}/>}
         </div>
       </div>
   )