public/traque
1
0
Fork 0
mirror of https://git.rezel.net/LudoTech/traque.git synced 2026-02-09 10:20:16 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

admin interface basic functionalities

Browse Source
This commit is contained in:
Quentin Roussel
2024-03-26 01:21:26 +01:00
parent 2478ee32ec
commit b23d2a63e6
24 changed files with 1504 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
traque-front/components/team/loginForm.jsx
View File

@@ -1,12 +1,20 @@
"use client";
import { useState } from "react";
import Button from "../util/button";
import TextInput from "../util/textInput";
export default function LoginForm() {
export default function LoginForm({ onSubmit, title, placeholder, buttonText}) {
const [value, setValue] = useState("");
function handleSubmit(e) {
e.preventDefault();
setValue("");
onSubmit(value);
}
return (
<form className="bg-white shadow-md max-w mx-auto p-5 mx-10 flex flex-col space-y-4">
<h1 className="text-2xl font-bold text-center text-gray-700">Connexion équipe</h1>
<TextInput placeholder="Code d'équipe" name="team-id" />
<Button type="submit">Se connecter</Button>
<form className="bg-white shadow-md max-w mx-auto p-5 mx-10 flex flex-col space-y-4" onSubmit={handleSubmit}>
<h1 className="text-2xl font-bold text-center text-gray-700">{title}</h1>
<TextInput placeholder={placeholder} value={value} onChange={(e) => setValue(e.target.value)} name="team-id"/>
<Button type="submit">{buttonText}</Button>
</form>
)
}