Fix form for adding students, update routes
This commit is contained in:
parent
96151d0598
commit
4f139ec137
@ -24,8 +24,8 @@ function App() {
|
||||
<QueryClientProvider client={queryClient}>
|
||||
<Routes>
|
||||
<Route index element={<Login />} />
|
||||
<Route path="" element={<Login />} />
|
||||
<Route path="coordinator" element={<Coordinator />}>
|
||||
<Route index element={<Students />} />
|
||||
<Route path="groups" element={<Groups />} />
|
||||
<Route path="students" element={<Students />} />
|
||||
<Route path="leaders" element={<Leaders />} />
|
||||
|
@ -1,45 +1,28 @@
|
||||
import { useEffect } from 'react'
|
||||
import { Outlet, useNavigate } from 'react-router-dom'
|
||||
import { NavLink } from 'react-router-dom'
|
||||
|
||||
const Login = () => {
|
||||
const navigate = useNavigate()
|
||||
|
||||
// useEffect(() => {
|
||||
// navigate('/coordinator/students')
|
||||
// // eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
// }, [])
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="flex items-center bg-gray-300 mt-20 py-6 px-10 shadow">
|
||||
<h1 className="text-xl font-bold mx-auto">System PRI</h1>
|
||||
<div className="flex items-center bg-gray-300 mt-20 py-6 px-10 shadow">
|
||||
<h1 className="text-xl font-bold mx-auto">System PRI</h1>
|
||||
</div>
|
||||
<div className="w-full lg:w-1/4 flex flex-col mx-auto mt-20 px-10 py-5 bg-gray-300 rounded-lg shadow">
|
||||
<div className="form-control">
|
||||
<label className="label" htmlFor="login">
|
||||
Login
|
||||
</label>
|
||||
<input className="input input-bordered" id="login" type="text" />
|
||||
</div>
|
||||
<div className="w-full lg:w-1/4 flex flex-col mx-auto mt-20 px-10 py-5 bg-gray-300 rounded-lg shadow">
|
||||
<div className="form-control">
|
||||
<label className="label" htmlFor="login">
|
||||
Login
|
||||
</label>
|
||||
<input
|
||||
className="input input-bordered"
|
||||
id="login"
|
||||
type="text"
|
||||
/>
|
||||
</div>
|
||||
<div className="form-control">
|
||||
<label className="label" htmlFor="password">
|
||||
Hasło
|
||||
</label>
|
||||
<input
|
||||
className="input input-bordered"
|
||||
id="password"
|
||||
type="text"
|
||||
/>
|
||||
</div>
|
||||
<span onClick={() => navigate('/coordinator/students')} className="cursor-pointer">Koordynator</span>
|
||||
<span>Opiekun</span>
|
||||
<span>Student</span>
|
||||
<div className="form-control">
|
||||
<label className="label" htmlFor="password">
|
||||
Hasło
|
||||
</label>
|
||||
<input className="input input-bordered" id="password" type="text" />
|
||||
</div>
|
||||
<NavLink to="/coordinator/students">Koordynator</NavLink>
|
||||
<span>Opiekun</span>
|
||||
<span>Student</span>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
@ -89,18 +89,6 @@ const AddStudent = () => {
|
||||
</div>
|
||||
<div className="form-control gap-2">
|
||||
<label className="label">Tryb studiów</label>
|
||||
<div className="flex gap-2">
|
||||
<input
|
||||
className="radio"
|
||||
id="mode-0"
|
||||
type="radio"
|
||||
{...register('mode', {
|
||||
required: true,
|
||||
})}
|
||||
value="0"
|
||||
/>
|
||||
<label htmlFor="mode-0">Stacjonarny</label>
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<input
|
||||
className="radio"
|
||||
@ -111,7 +99,19 @@ const AddStudent = () => {
|
||||
})}
|
||||
value="1"
|
||||
/>
|
||||
<label htmlFor="mode-1">Niestacjonarny</label>
|
||||
<label htmlFor="mode-1">Stacjonarny</label>
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<input
|
||||
className="radio"
|
||||
id="mode-0"
|
||||
type="radio"
|
||||
{...register('mode', {
|
||||
required: true,
|
||||
})}
|
||||
value="0"
|
||||
/>
|
||||
<label htmlFor="mode-0">Niestacjonarny</label>
|
||||
</div>
|
||||
{errors.mode?.type === 'required' && (
|
||||
<InputError>Wybierz tryb studiów</InputError>
|
||||
|
@ -1,15 +1,7 @@
|
||||
import { useEffect } from 'react'
|
||||
import { Outlet, useNavigate } from 'react-router-dom'
|
||||
import { Outlet } from 'react-router-dom'
|
||||
import TopBar from '../../components/TopBar'
|
||||
|
||||
const Coordinator = () => {
|
||||
const navigate = useNavigate()
|
||||
|
||||
useEffect(() => {
|
||||
navigate('/coordinator/students')
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<>
|
||||
<TopBar
|
||||
|
Loading…
Reference in New Issue
Block a user