improved password protection code

traque-front/app/team/layout.js

@@ -1,7 +1,8 @@
+"use client";
 import { TeamConnexionProvider } from "@/context/teamConnexionContext";
 import { TeamProvider } from "@/context/teamContext";
 
-export default function AdminLayout({ children}) {
+export default function AdminLayout({ children }) {
     return (
         <TeamConnexionProvider>
             <TeamProvider>

traque-front/app/team/page.js

@@ -1,16 +1,10 @@
 "use client"
 import LoginForm from "@/components/team/loginForm";
-import useGame from "@/hook/useGame";
-import { redirect } from "next/navigation";
-import { useEffect } from "react";
+import { useTeamConnexion } from "@/context/teamConnexionContext";
 
 export default function Home() {
-  const { login, loggedIn } = useGame();
-  useEffect(() => {
-    if (loggedIn) {
-      redirect("/team/track");
-    }
-  }, [loggedIn]);
+  const { login,useProtect  } = useTeamConnexion();
+  useProtect();
   return (
     <div>
       <LoginForm title={"Team login"} placeholder={"team ID"} buttonText={"Login"} onSubmit={(value) => login(parseInt(value))}/>

traque-front/app/team/track/page.js

@@ -1,10 +1,9 @@
 "use client";
 import ActionDrawer from '@/components/team/actionDrawer';
-import Button from '@/components/util/button';
+import { useTeamConnexion } from '@/context/teamConnexionContext';
 import useGame from '@/hook/useGame';
 import dynamic from 'next/dynamic';
-import { redirect } from 'next/navigation';
-import React, { useEffect } from 'react'
+import React, { use } from 'react'
 
 //Load the map without SSR
 const LiveMap = dynamic(() => import('@/components/team/map'), {
@@ -12,17 +11,12 @@ const LiveMap = dynamic(() => import('@/components/team/map'), {
 });
 
 export default function Track() {
-    const { currentPosition, enemyPosition, loggedIn } = useGame();
-    useEffect(() => {
-        if (!loggedIn) {
-            redirect("/team");
-        }
-    }, [loggedIn]);
-
-
+    const { currentPosition, enemyPosition } = useGame();
+    const {useProtect} = useTeamConnexion();
+    useProtect();
     return (
         <div className='h-full'>
-            <LiveMap currentPosition={currentPosition} enemyPosition={enemyPosition}/>
+            <LiveMap currentPosition={currentPosition} enemyPosition={enemyPosition} />
             <ActionDrawer />
         </div>
     )