mirror of
https://git.rezel.net/LudoTech/traque.git
synced 2026-02-09 10:20:16 +01:00
improved password protection code
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import { AdminConnexionProvider } from "@/context/adminConnexionContext";
|
||||
import { AdminConnexionProvider} from "@/context/adminConnexionContext";
|
||||
import { AdminProvider } from "@/context/adminContext";
|
||||
|
||||
export default function AdminLayout({ children}) {
|
||||
|
||||
@@ -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} />
|
||||
)
|
||||
|
||||
@@ -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>
|
||||
)
|
||||
}
|
||||
)
|
||||
}
|
||||
28
traque-front/app/admin/teams/page.js
Normal file
28
traque-front/app/admin/teams/page.js
Normal 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>
|
||||
)
|
||||
}
|
||||
@@ -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>
|
||||
|
||||
@@ -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))}/>
|
||||
|
||||
@@ -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>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user