From 7767c98304056359e6a2586c203afb178f59248f Mon Sep 17 00:00:00 2001
From: Thibaut Valentin <thibaut.valentin@epita.fr>
Date: Fri, 7 Nov 2025 15:53:39 +0100
Subject: [PATCH] feat: add email tooltip

---
 src/main/webapp/src/components/MemberCustomFiels.jsx       | 7 ++++---
 .../src/pages/admin/affiliation/AffiliationReqPage.jsx     | 3 +--
 src/main/webapp/src/pages/club/member/InformationForm.jsx  | 4 +++-
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/main/webapp/src/components/MemberCustomFiels.jsx b/src/main/webapp/src/components/MemberCustomFiels.jsx
index 7c0a00c..0fd9602 100644
--- a/src/main/webapp/src/components/MemberCustomFiels.jsx
+++ b/src/main/webapp/src/components/MemberCustomFiels.jsx
@@ -88,13 +88,14 @@ export function CountryList({name, text, value, values = undefined, disabled = f
     </div>
 }
 
-export function TextField({name, text, value, placeholder, type = "text", disabled = false, required = true}) {
-    return <div className="row">
-        <div className="input-group mb-3">
+export function TextField({name, text, value, placeholder, type = "text", disabled = false, required = true, ttip = null}) {
+    return <div className="row mb-3">
+        <div className="input-group">
             <span className="input-group-text" id={name}>{text}</span>
             <input type={type} className="form-control" placeholder={placeholder ? placeholder : text} aria-label={name}
                    name={name} aria-describedby={name} defaultValue={value} disabled={disabled} required={required}/>
         </div>
+        {ttip}
     </div>
 }
 
diff --git a/src/main/webapp/src/pages/admin/affiliation/AffiliationReqPage.jsx b/src/main/webapp/src/pages/admin/affiliation/AffiliationReqPage.jsx
index 9c8a98e..cb292bb 100644
--- a/src/main/webapp/src/pages/admin/affiliation/AffiliationReqPage.jsx
+++ b/src/main/webapp/src/pages/admin/affiliation/AffiliationReqPage.jsx
@@ -8,7 +8,6 @@ import {RoleList, TextField} from "../../../components/MemberCustomFiels.jsx";
 import {useEffect, useRef, useState} from "react";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faFilePdf} from "@fortawesome/free-solid-svg-icons";
-import {ConfirmDialog} from "../../../components/ConfirmDialog.jsx";
 
 const vite_url = import.meta.env.VITE_URL;
 
@@ -166,7 +165,7 @@ function Content({data, refresh}) {
                 <input name="id" value={data.id} readOnly hidden/>
                 <div className="card-header">Demande d'affiliation</div>
                 <div className="card-body text-center">
-                    {data.club && <h5>Ce club a déjà ete affilier (affiliation n°{data.club_no_aff})</h5>}
+                    {data.club && <h5>Ce club a déjà été affilié (affiliation n°{data.club_no_aff})</h5>}
                     <h4 id="saison">Saison {data.saison}-{data.saison + 1}</h4>
 
                     <div className="row mb-3">
diff --git a/src/main/webapp/src/pages/club/member/InformationForm.jsx b/src/main/webapp/src/pages/club/member/InformationForm.jsx
index a6231ea..9446f96 100644
--- a/src/main/webapp/src/pages/club/member/InformationForm.jsx
+++ b/src/main/webapp/src/pages/club/member/InformationForm.jsx
@@ -49,7 +49,9 @@ export function InformationForm({data}) {
                 <TextField name="lname" text="Nom" value={data.lname}/>
                 <TextField name="fname" text="Prénom" value={data.fname}/>
                 <TextField name="email" text="Email" value={data.email} placeholder="name@example.com"
-                           type="email"/>
+                           type="email" ttip={<small className="form-text">L'email sert à la création de compte pour se connecter au site et doit être unique. <br/>
+                    Pour les mineurs, l'email des parents peut être utilisé plusieurs fois grâce à la syntaxe suivante : {'email.parent+<caractères alphanumériques>@exemple.com'}.<br/>
+                            Exemples : mail.parent+1@exemple.com, mail.parent+titouan@exemple.com, mail.parent+cedrique@exemple.com</small>}/>
                 <OptionField name="genre" text="Genre" value={data.genre}
                              values={{NA: 'N/A', H: 'H', F: 'F'}}/>
                 <CountryList name="country" text="Pays" value={data.country}/>