public/traque
1
0
Fork 0
mirror of https://git.rezel.net/LudoTech/traque.git synced 2026-02-09 02:10:18 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

added navbar to admin interface

Browse Source
This commit is contained in:
Quentin Roussel
2024-03-28 23:45:53 +01:00
parent 0aa42f26d2
commit ba2a4a0ea1
2 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
traque-front/app/admin/layout.js
View File

@@ -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>
<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>
)

8
traque-front/app/admin/teams/page.js
View File

@@ -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>
)