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