Implemented player login

traque-front/app/page.js

@@ -1,13 +0,0 @@
-"use client"
-import LoginForm from "@/components/team/loginForm";
-
-export default function Home() {
-  function login(teamId) {
-    console.log(teamId);
-  }
-  return (
-    <div>
-      <LoginForm title={"Team login"} placeholder={"team ID"} buttonText={"Login"} onSubmit={login}/>
-    </div>
-  );
-}

traque-front/app/team/layout.js

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

traque-front/app/team/page.js

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

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

@@ -1,8 +1,9 @@
 "use client";
 import Button from '@/components/util/button';
+import useGame from '@/hook/useGame';
 import dynamic from 'next/dynamic';
+import { redirect } from 'next/navigation';
 import React, { useEffect } from 'react'
-import useGame from '../../hook/useGame';
 
 //Load the map without SSR
 const LiveMap = dynamic(() => import('@/components/team/map'), {
@@ -10,7 +11,12 @@ const LiveMap = dynamic(() => import('@/components/team/map'), {
 });
 
 export default function Track() {
-    const { currentPosition, enemyPosition, updateCurrentPosition, sendCurrentPosition } = useGame();
+    const { currentPosition, enemyPosition, loggedIn, sendCurrentPosition } = useGame();
+    useEffect(() => {
+        if (!loggedIn) {
+            redirect("/team");
+        }
+    }, [loggedIn]);
 
 
     return (