improved password protection code

This commit is contained in:
Quentin Roussel
2024-03-28 20:47:05 +01:00
parent ba7abe3b3c
commit 27e5a6615a
14 changed files with 137 additions and 111 deletions

View File

@@ -1,4 +1,4 @@
import { AdminConnexionProvider } from "@/context/adminConnexionContext";
import { AdminConnexionProvider} from "@/context/adminConnexionContext";
import { AdminProvider } from "@/context/adminContext";
export default function AdminLayout({ children}) {

View File

@@ -1,16 +1,11 @@
"use client";
import LoginForm from '@/components/team/loginForm'
import { useAdminConnexion } from '@/context/adminConnexionContext';
import { redirect } from 'next/navigation';
import React, { useEffect } from 'react'
import React from 'react'
export default function AdminLoginPage() {
const { login, loggedIn } = useAdminConnexion();
useEffect(() => {
if (loggedIn) {
redirect("/admin");
}
}, [loggedIn]);
const {login, useProtect} = useAdminConnexion();
useProtect();
return (
<LoginForm title="Admin login" placeholder="Admin password" buttonText={"Login"} onSubmit={login} />
)

View File

@@ -1,36 +1,12 @@
"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'
import { useAdminConnexion } from "@/context/adminConnexionContext";
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}/>
export default function AdminPage() {
const { useProtect } = useAdminConnexion();
useProtect();
return (
<div>
<h1>Admin page</h1>
</div>
<div className='w-5/12 h-full p-4 shadow-md rounded outline'>
<TeamEdit selectedTeamId={selectedTeamId} setSelectedTeamId={setSelectedTeamId}/>
</div>
</div>
)
}
)
}

View File

@@ -0,0 +1,28 @@
"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 React, { useState } from 'react'
export default function TeamAdminPage() {
const [selectedTeamId, setSelectedTeamId] = useState(null);
const { addTeam } = useAdmin();
const { useProtect } = useAdminConnexion();
useProtect();
return (
<div className='h-full p-10 flex flex-row justify-between'>
<div className='w-5/12 h-full p-4 shadow-md 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>
</div>
)
}

View File

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

View File

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

View File

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