admin interface basic functionalities

traque-front/app/admin/page.js

@@ -0,0 +1,36 @@
+"use client";
+import TeamAddForm from '@/components/admin/teamAdd';
+import TeamEdit from '@/components/admin/teamEdit';
+import TeamList from '@/components/admin/teamList';
+import { useAdminConnexion } from '@/context/adminConnexionContext';
+import useAdmin from '@/hook/useAdmin';
+import { redirect } from 'next/navigation';
+import React, { useEffect, useState } from 'react'
+
+
+export default function Admin() {
+    const [selectedTeamId, setSelectedTeamId] = useState(null);
+    const { loggedIn } = useAdminConnexion();
+    const { addTeam } = useAdmin();
+
+    useEffect(() => {
+        if (!loggedIn) {
+          redirect("/admin/login");
+        }
+    }, [loggedIn]);
+
+
+
+  return (
+      <div className='h-full p-10 flex flex-row justify-between'> 
+        <div className='w-5/12 h-full p-4 shadow-md rounded outline'>
+          <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 outline'>
+          <TeamEdit selectedTeamId={selectedTeamId} setSelectedTeamId={setSelectedTeamId}/>
+        </div>
+      </div>
+  )
+}