+
+ {/* ── Colonne gauche — image ───────────────────────────── */}
+
+ );
+}
diff --git a/frontend/src/pages/Login.jsx b/frontend/src/pages/Login.jsx
index 4707e1d..c2fb4e2 100644
--- a/frontend/src/pages/Login.jsx
+++ b/frontend/src/pages/Login.jsx
@@ -1,44 +1,387 @@
-import { useState } from 'react';
+import { useState, useEffect, useRef } from 'react';
import { Link, useNavigate } from 'react-router-dom';
import { useAuth } from '../context/AuthContext.jsx';
+import { api } from '../api.js';
-export default function Login() {
- const { login } = useAuth();
- const navigate = useNavigate();
- const [email, setEmail] = useState('');
- const [password, setPassword] = useState('');
- const [err, setErr] = useState(null);
- const [busy, setBusy] = useState(false);
+// ── Helpers ────────────────────────────────────────────────────────────────
+const DEVICE_KEY = 'cl_device_token';
- const submit = async (e) => {
- e.preventDefault();
- setErr(null); setBusy(true);
- try {
- await login(email, password);
- navigate('/');
- } catch (e) {
- setErr(e.message);
- } finally { setBusy(false); }
- };
+function fmtCountdown(sec) {
+ const m = Math.floor(sec / 60).toString().padStart(2, '0');
+ const s = (sec % 60).toString().padStart(2, '0');
+ return `${m}:${s}`;
+}
+// ── Colonne image gauche (partagée) ───────────────────────────────────────
+function BgCol({ appInfo }) {
return (
-
+ { e.target.style.display = 'none'; }}
+ style={{
+ position: 'absolute', inset: 0,
+ width: '100%', height: '100%',
+ objectFit: 'cover', opacity: 0.85,
+ }}
+ />
+
+
+ {/* ── Colonne droite — formulaire ──────────────────────── */}
+ 
{ e.target.style.display = 'none'; }}
+ style={{
+ position: 'absolute', inset: 0,
+ width: '100%', height: '100%',
+ objectFit: 'cover', opacity: 0.85,
+ }}
+ />
+
+ {appInfo.iconUrl && (
+ 
+ )}
+
+ {appInfo.appName}
+
+
+
+
+ {/* Logo + nom */}
+
+
+
+
+ {appInfo.iconUrl && (
+
+ )}
+
+ {appInfo.appName}
+
+
+
+
+
+ {status === 'sent' ? (
+ /* ── Confirmation envoi ── */
+
+
+
+ ) : (
+ /* ── Formulaire ── */
+ <>
+
+
+
+ Email envoyé
++ Si un compte correspond à {email}, vous recevrez + un lien de réinitialisation valable 1 heure. +
+ + Retour à la connexion + +
+
+
+
+
+ + Mot de passe oublié ? +
++ Saisissez votre email pour recevoir un lien de réinitialisation. +
++ Vous vous souvenez ?{' '} + + Se connecter + +
+ + )} + +
-
+
+ { e.target.style.display = 'none'; }}
+ style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: 'cover', opacity: 0.85 }}
+ />
+
+ );
+}
+
+// ── Header logo (colonne droite) ──────────────────────────────────────────
+function AppHeader({ appInfo }) {
+ return (
+
+ {appInfo.iconUrl && }
+ {appInfo.appName}
+
+
+ {appInfo.iconUrl && }
+ {appInfo.appName}
+
+ );
+}
+
+// ── Composant principal ────────────────────────────────────────────────────
+export default function Login() {
+ const { login, completeLogin } = useAuth();
+ const navigate = useNavigate();
+
+ const [appInfo, setAppInfo] = useState({ appName: 'Crowdlending Tracker', iconUrl: null });
+
+ // Étape : 'form' | 'method' | 'code'
+ const [step, setStep] = useState('form');
+ const [sessionToken, setSessionToken] = useState(null);
+ const [method, setMethod] = useState(null); // 'totp' | 'email'
+
+ // Formulaire login
+ const [email, setEmail] = useState('');
+ const [password, setPassword] = useState('');
+ const [trustDev, setTrustDev] = useState(false);
+ const [err, setErr] = useState(null);
+ const [busy, setBusy] = useState(false);
+ const [unverified, setUnverified] = useState(false);
+ const [resendBusy, setResendBusy] = useState(false);
+ const [resendDone, setResendDone] = useState(false);
+
+ // Code 2FA
+ const [code, setCode] = useState('');
+ const [codeErr, setCodeErr] = useState(null);
+ const [codeBusy, setCodeBusy] = useState(false);
+ const [countdown, setCountdown] = useState(300); // 5 min pour email
+ const timerRef = useRef(null);
+
+ useEffect(() => {
+ fetch('/api/app-info').then(r => r.json()).then(d => setAppInfo(d)).catch(() => {});
+ }, []);
+
+ // Countdown pour OTP email
+ useEffect(() => {
+ if (step === 'code' && method === 'email') {
+ setCountdown(300);
+ timerRef.current = setInterval(() => {
+ setCountdown(c => {
+ if (c <= 1) { clearInterval(timerRef.current); return 0; }
+ return c - 1;
+ });
+ }, 1000);
+ }
+ return () => clearInterval(timerRef.current);
+ }, [step, method]);
+
+ // ── Soumission du formulaire ──────────────────────────────────────────────
+ const submit = async (e) => {
+ e.preventDefault();
+ setErr(null); setUnverified(false); setResendDone(false); setBusy(true);
+ try {
+ const deviceToken = localStorage.getItem(DEVICE_KEY) || undefined;
+ const result = await login(email, password, deviceToken);
+ if (result?.requires2FA) {
+ setSessionToken(result.sessionToken);
+ setStep('method');
+ } else {
+ navigate('/');
+ }
+ } catch (e) {
+ if (e.code === 'EMAIL_NOT_VERIFIED') {
+ setUnverified(true);
+ } else {
+ setErr(e.message || 'Identifiants incorrects.');
+ }
+ } finally { setBusy(false); }
+ };
+
+ const resend = async () => {
+ setResendBusy(true);
+ try {
+ await fetch('/api/auth/resend-verification', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ email }),
+ });
+ setResendDone(true);
+ } catch (_) {}
+ finally { setResendBusy(false); }
+ };
+
+ // ── Choix de méthode 2FA ──────────────────────────────────────────────────
+ const chooseMethod = async (m) => {
+ setMethod(m);
+ setCodeErr(null);
+ setCode('');
+ if (m === 'email') {
+ try {
+ await api.post('/auth/2fa/send-email-code', { sessionToken });
+ } catch (e) {
+ setCodeErr(e.message);
+ return;
+ }
+ }
+ setStep('code');
+ };
+
+ // ── Vérification du code ──────────────────────────────────────────────────
+ const verifyCode = async (e) => {
+ e.preventDefault();
+ setCodeErr(null); setCodeBusy(true);
+ try {
+ const result = await api.post('/auth/2fa/verify', {
+ sessionToken, code, method, trustDevice: trustDev,
+ });
+ if (result.deviceToken) {
+ localStorage.setItem(DEVICE_KEY, result.deviceToken);
+ }
+ completeLogin(result.token, result.user);
+ navigate('/');
+ } catch (e) {
+ setCodeErr(e.message || 'Code invalide.');
+ } finally { setCodeBusy(false); }
+ };
+
+ const resendEmailCode = async () => {
+ setCodeErr(null);
+ try {
+ await api.post('/auth/2fa/send-email-code', { sessionToken });
+ setCountdown(300);
+ timerRef.current = setInterval(() => {
+ setCountdown(c => { if (c <= 1) { clearInterval(timerRef.current); return 0; } return c - 1; });
+ }, 1000);
+ } catch (e) { setCodeErr(e.message); }
+ };
+
+ // ── Rendu ─────────────────────────────────────────────────────────────────
+ const BtnPrimary = ({ children, disabled, onClick, type = 'submit' }) => (
+
+ );
+
+ const ErrBox = ({ msg }) => msg ? (
+
+ {msg}
+
+ ) : null;
+
+ return (
+
+
);
}
diff --git a/frontend/src/pages/MonCompte.jsx b/frontend/src/pages/MonCompte.jsx
index 4b7c262..317e6db 100644
--- a/frontend/src/pages/MonCompte.jsx
+++ b/frontend/src/pages/MonCompte.jsx
@@ -76,6 +76,84 @@ function ProfileSelect({ label, options, value, onChange }) {
);
}
+/* ── Bloc renvoi email de vérification ───────────────────────── */
+function EmailResendBlock({ email }) {
+ const [busy, setBusy] = useState(false);
+ const [done, setDone] = useState(false);
+
+ const resend = async () => {
+ setBusy(true);
+ try {
+ await fetch('/api/auth/resend-verification', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ email }),
+ });
+ setDone(true);
+ } catch (_) {}
+ finally { setBusy(false); }
+ };
+
+ if (done) return
+
+
+
+
+ {/* ══ ÉTAPE 1 : Formulaire email/mot de passe ══════════════════ */}
+ {step === 'form' && (
+ <>
+
+
+
+
+
+
+ Bienvenue
+Connectez-vous à votre compte
++ Pas encore de compte ?{' '} + Créer un compte +
+ + )} + + {/* ══ ÉTAPE 2 : Choix de méthode 2FA ══════════════════════════ */} + {step === 'method' && ( + <> +
+
+
+
+
+
+ Vérification en deux étapes
+Choisissez votre méthode de vérification
+
+
+
+
+
+
+
+
+ )}
+
+ {/* ══ ÉTAPE 3 : Saisie du code ═════════════════════════════════ */}
+ {step === 'code' && (
+ <>
+
+
+
+
+
+
+
+ )}
+
+
+ {method === 'totp'
+ ?
+ :
+ }
+
+ + {method === 'totp' ? 'Code de l\'application' : 'Code par email'} +
++ {method === 'totp' + ? 'Entrez le code à 6 chiffres affiché dans votre application d\'authentification.' + : <>Code envoyé à {email}. + } +
+✓ Email de vérification renvoyé.
; + return ( ++ Email non confirmé.{' '} + +
+ ); +} + +/* ── Changement d'email ───────────────────────────────────────── */ +function EmailChangeForm({ onDone }) { + const { updateUser } = useAuth(); + const [newEmail, setNewEmail] = useState(''); + const [pwd, setPwd] = useState(''); + const [msg, setMsg] = useState(null); + const [err, setErr] = useState(null); + const [busy, setBusy] = useState(false); + + const submit = async (e) => { + e.preventDefault(); + setErr(null); setMsg(null); setBusy(true); + try { + const r = await updateUser({ email: newEmail, currentPassword: pwd }); + if (r?.requiresVerification) { + setMsg(`Un email de vérification a été envoyé à ${newEmail}. Validez-le pour activer cette adresse.`); + } else { + setMsg('Email mis à jour.'); setTimeout(onDone, 1500); + } + } catch (e) { setErr(e.message); } + finally { setBusy(false); } + }; + + return ( + + ); +} + /* ── Mon profil + Préférences ────────────────────────────────── */ function AccountForm() { const { user, updateUser } = useAuth(); @@ -92,9 +170,10 @@ function AccountForm() { const initial = parseName(user?.display_name); const [prenom, setPrenom] = useState(initial.prenom); const [nom, setNom] = useState(initial.nom); - const [infoMsg, setInfoMsg] = useState(null); - const [infoErr, setInfoErr] = useState(null); - const [loading, setLoading] = useState(false); + const [infoMsg, setInfoMsg] = useState(null); + const [infoErr, setInfoErr] = useState(null); + const [loading, setLoading] = useState(false); + const [changingEmail, setChangingEmail] = useState(false); const save = async () => { setInfoErr(null); setInfoMsg(null); setLoading(true); @@ -138,16 +217,23 @@ function AccountForm() {
Mon email
- setChangingEmail(false)} />}
{/* ── Préférences ─────────────────────────────────────── */}
@@ -164,6 +250,163 @@ function AccountForm() {
);
}
+
+/* ── 2FA — Configuration double authentification ───────────────── */
+function TwoFASection({ user }) {
+ const [status, setStatus] = useState('idle'); // idle | setup | confirming | disabling
+ const [setupData, setSetupData] = useState(null); // { secret, qrCode, email }
+ const [code, setCode] = useState('');
+ const [disablePwd, setDisablePwd] = useState('');
+ const [err, setErr] = useState(null);
+ const [busy, setBusy] = useState(false);
+ const [msg, setMsg] = useState(null);
+ const [enabled, setEnabled] = useState(!!user?.totp_enabled);
+
+ const startSetup = async () => {
+ setErr(null); setMsg(null); setBusy(true);
+ try {
+ const data = await api.get('/auth/2fa/setup');
+ setSetupData(data);
+ setStatus('setup');
+ } catch (e) { setErr(e.message); }
+ finally { setBusy(false); }
+ };
+
+ const confirmSetup = async (e) => {
+ e.preventDefault(); setErr(null); setBusy(true);
+ try {
+ await api.post('/auth/2fa/confirm-setup', { code });
+ setEnabled(true);
+ setStatus('idle');
+ setSetupData(null);
+ setCode('');
+ setMsg('Le 2FA est maintenant activé sur votre compte.');
+ } catch (e) { setErr(e.message); }
+ finally { setBusy(false); }
+ };
+
+ const disable = async (e) => {
+ e.preventDefault(); setErr(null); setBusy(true);
+ try {
+ await api.post('/auth/2fa/disable', { password: disablePwd });
+ setEnabled(false);
+ setStatus('idle');
+ setDisablePwd('');
+ setMsg('Le 2FA a été désactivé.');
+ localStorage.removeItem('cl_device_token');
+ } catch (e) { setErr(e.message); }
+ finally { setBusy(false); }
+ };
+
+ return (
+
diff --git a/frontend/src/pages/Register.jsx b/frontend/src/pages/Register.jsx
index 3834585..3974260 100644
--- a/frontend/src/pages/Register.jsx
+++ b/frontend/src/pages/Register.jsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
import { Link, useNavigate } from 'react-router-dom';
import { useAuth } from '../context/AuthContext.jsx';
@@ -8,40 +8,257 @@ export default function Register() {
const [form, setForm] = useState({ email: '', password: '', displayName: '' });
const [err, setErr] = useState(null);
const [busy, setBusy] = useState(false);
+ const [appInfo, setAppInfo] = useState({ appName: 'Crowdlending Tracker', iconUrl: null });
+
+ useEffect(() => {
+ fetch('/api/app-info')
+ .then(r => r.json())
+ .then(d => setAppInfo(d))
+ .catch(() => {});
+ }, []);
const set = (k) => (e) => setForm({ ...form, [k]: e.target.value });
+ const [verifyEmail, setVerifyEmail] = useState(null); // email à vérifier
+
const submit = async (e) => {
e.preventDefault();
setErr(null); setBusy(true);
try {
- await register(form.email, form.password, form.displayName || undefined);
- navigate('/');
+ const result = await register(form.email, form.password, form.displayName || undefined);
+ if (result?.requiresVerification) {
+ setVerifyEmail(result.email);
+ } else {
+ navigate('/');
+ }
} catch (e) { setErr(e.message); }
finally { setBusy(false); }
};
return (
-
+
{user?.email}
+ {user?.email_verified
+ ? ✓ Vérifié
+ : Non vérifié
+ }
+ {!user?.email_verified &&
-
+
+ {changingEmail &&
+
+ );
+}
+
/* ── Sécurité — Mot de passe ─────────────────────────────────── */
function SecurityForm() {
const { updateUser } = useAuth();
@@ -249,6 +492,7 @@ function SecurityForm() {
export default function MonCompte() {
const { search } = useLocation();
const navigate = useNavigate();
+ const { user } = useAuth();
const section = new URLSearchParams(search).get('section') || 'profil';
const setSection = (s) => navigate(`/compte?section=${s}`, { replace: true });
@@ -278,7 +522,7 @@ export default function MonCompte() {
{/* ── Contenu ─────────────────────────────────────── */}
+
+ Double authentification (2FA)
+ + {enabled ? '✓ Activé' : 'Désactivé'} + ++ Protégez votre compte avec une vérification supplémentaire à chaque connexion. +
+ + {err &&{err}
}
+ {msg && {msg}
}
+
+ {/* ── État normal ── */}
+ {status === 'idle' && !enabled && (
+
+ )}
+ {status === 'idle' && enabled && (
+
+ )}
+
+ {/* ── Setup : QR code + vérification ── */}
+ {status === 'setup' && setupData && (
+
+
+ )}
+
+ {/* ── Désactivation : mot de passe ── */}
+ {status === 'disabling' && (
+
+ )}
+ + Scannez ce QR code avec votre application d'authentification (Google Authenticator, Authy, etc.), puis entrez le code à 6 chiffres pour confirmer. +
+
+
+
+
+
+ 
+
+
+
+ + Vous ne pouvez pas scanner ? Entrez manuellement cette clé dans votre application : +
+
+ {setupData.secret}
+
+ + Émetteur : {setupData.issuer} · Compte : {setupData.email} +
+
{section === 'profil' &&
-
+ ID
Nom
Email
+ Email vérifié
Rôle
Créé le
Actions
@@ -77,10 +93,16 @@ export default function UsersSection({ currentUserId }) {
{u.id}
{u.display_name || —}
{u.email}
+
+ {u.email_verified
+ ? ✓ Vérifié
+ : En attente
+ }
+
{fmt(u.created_at)}
-
+
+ {/* ── Colonne gauche — image ───────────────────────────── */}
+
);
}
diff --git a/frontend/src/pages/ResetPassword.jsx b/frontend/src/pages/ResetPassword.jsx
new file mode 100644
index 0000000..9c21bb4
--- /dev/null
+++ b/frontend/src/pages/ResetPassword.jsx
@@ -0,0 +1,254 @@
+import { useState, useEffect } from 'react';
+import { Link, useNavigate, useSearchParams } from 'react-router-dom';
+
+export default function ResetPassword() {
+ const [params] = useSearchParams();
+ const navigate = useNavigate();
+ const token = params.get('token') || '';
+
+ const [password, setPassword] = useState('');
+ const [password2, setPassword2] = useState('');
+ const [status, setStatus] = useState(null); // null | 'done' | 'error'
+ const [errMsg, setErrMsg] = useState('');
+ const [busy, setBusy] = useState(false);
+ const [appInfo, setAppInfo] = useState({ appName: 'Crowdlending Tracker', iconUrl: null });
+
+ useEffect(() => {
+ fetch('/api/app-info')
+ .then(r => r.json())
+ .then(d => setAppInfo(d))
+ .catch(() => {});
+ }, []);
+
+ const submit = async (e) => {
+ e.preventDefault();
+ if (password !== password2) { setErrMsg('Les mots de passe ne correspondent pas.'); setStatus('error'); return; }
+ setErrMsg(''); setBusy(true);
+ try {
+ const res = await fetch('/api/auth/reset-password', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ token, password }),
+ });
+ const data = await res.json();
+ if (!res.ok) { setErrMsg(data.error || 'Une erreur est survenue.'); setStatus('error'); }
+ else { setStatus('done'); setTimeout(() => navigate('/login'), 3000); }
+ } catch {
+ setErrMsg('Impossible de joindre le serveur.'); setStatus('error');
+ } finally { setBusy(false); }
+ };
+
+ return (
+
+ { e.target.style.display = 'none'; }}
+ style={{
+ position: 'absolute', inset: 0,
+ width: '100%', height: '100%',
+ objectFit: 'cover', opacity: 0.85,
+ }}
+ />
+
+
+ {/* ── Colonne droite — formulaire ──────────────────────── */}
+
+ {appInfo.iconUrl && (
+
+ )}
+
+ {appInfo.appName}
+
+
+
+
+ {/* Logo + nom */}
+
+
+
+ {appInfo.iconUrl && (
+
+ )}
+
+ {appInfo.appName}
+
+
+
+
+
+ {/* ── Écran vérification email ── */}
+ {verifyEmail ? (
+
+
+
+ ) : (
+ <>
+
+ {/* En-tête */}
+
+
+
+ + Vérifiez votre email +
++ Un email de vérification a été envoyé à +
++ {verifyEmail} +
++ Cliquez sur le lien dans l'email pour activer votre compte. Vérifiez aussi vos spams. +
+ + Retour à la connexion + +
+
+
+ {/* Formulaire */}
+
+
+ + Créer un compte +
++ Rejoignez {appInfo.appName} +
++ Déjà inscrit ?{' '} + + Se connecter + +
+ + )} {/* fin verifyEmail ternaire */} +
+
+ {/* ── Colonne gauche — image ───────────────────────────── */}
+
+ );
+}
diff --git a/frontend/src/pages/VerifyEmail.jsx b/frontend/src/pages/VerifyEmail.jsx
new file mode 100644
index 0000000..033fdf4
--- /dev/null
+++ b/frontend/src/pages/VerifyEmail.jsx
@@ -0,0 +1,127 @@
+import { useState, useEffect } from 'react';
+import { Link, useSearchParams } from 'react-router-dom';
+
+export default function VerifyEmail() {
+ const [params] = useSearchParams();
+ const token = params.get('token') || '';
+ const [status, setStatus] = useState('loading'); // 'loading' | 'ok' | 'error'
+ const [errMsg, setErrMsg] = useState('');
+ const [appInfo, setAppInfo] = useState({ appName: 'Crowdlending Tracker', iconUrl: null });
+
+ useEffect(() => {
+ fetch('/api/app-info').then(r => r.json()).then(d => setAppInfo(d)).catch(() => {});
+ }, []);
+
+ useEffect(() => {
+ if (!token) { setStatus('error'); setErrMsg('Lien de vérification invalide ou manquant.'); return; }
+ fetch(`/api/auth/verify-email?token=${encodeURIComponent(token)}`)
+ .then(async r => {
+ const data = await r.json();
+ if (!r.ok) { setErrMsg(data.error || 'Lien invalide.'); setStatus('error'); }
+ else setStatus('ok');
+ })
+ .catch(() => { setErrMsg('Impossible de joindre le serveur.'); setStatus('error'); });
+ }, [token]);
+
+ return (
+
+ { e.target.style.display = 'none'; }}
+ style={{
+ position: 'absolute', inset: 0,
+ width: '100%', height: '100%',
+ objectFit: 'cover', opacity: 0.85,
+ }}
+ />
+
+
+ {/* ── Colonne droite — formulaire ──────────────────────── */}
+
+ {appInfo.iconUrl && (
+
+ )}
+
+ {appInfo.appName}
+
+
+
+
+ {/* Logo + nom */}
+
+
+
+
+ {appInfo.iconUrl && (
+
+ )}
+
+ {appInfo.appName}
+
+
+
+
+
+ {!token ? (
+ /* ── Lien invalide ── */
+
+
+
+ ) : status === 'done' ? (
+ /* ── Succès ── */
+ + Lien de réinitialisation invalide ou manquant. +
+ + Faire une nouvelle demande + +
+
+ ) : (
+ /* ── Formulaire ── */
+ <>
+
+
+
+ Mot de passe mis à jour
++ Redirection vers la connexion dans quelques secondes… +
+ + Se connecter + +
+
+
+
+
+ + Nouveau mot de passe +
++ Choisissez un mot de passe d'au moins 8 caractères. +
++ + Retour à la connexion + +
+ + )} + +
+
+
+ );
+}
diff --git a/frontend/src/pages/admin/SmtpSection.jsx b/frontend/src/pages/admin/SmtpSection.jsx
index b541396..cafbeab 100644
--- a/frontend/src/pages/admin/SmtpSection.jsx
+++ b/frontend/src/pages/admin/SmtpSection.jsx
@@ -77,7 +77,7 @@ const DEFAULT_STATE = {
username: '',
password: '',
allowUnauth: false,
- appName: 'Crowdlending',
+ appName: 'Crowdlending Tracker',
appUrl: '',
};
@@ -109,7 +109,7 @@ export default function SmtpSection() {
username: data.username || '',
password: '',
allowUnauth: !!data.allowUnauth,
- appName: data.appName || 'Crowdlending',
+ appName: data.appName || 'Crowdlending Tracker',
appUrl: data.appUrl || '',
});
setHasPassword(!!data.hasPassword);
diff --git a/frontend/src/pages/admin/UsersSection.jsx b/frontend/src/pages/admin/UsersSection.jsx
index 52abbb4..28570d1 100644
--- a/frontend/src/pages/admin/UsersSection.jsx
+++ b/frontend/src/pages/admin/UsersSection.jsx
@@ -36,6 +36,21 @@ export default function UsersSection({ currentUserId }) {
});
};
+ const verifyEmail = (u) => {
+ setConfirmAction({
+ title: 'Vérifier l\'email manuellement',
+ message: `Marquer l'email de ${u.display_name || u.email} comme vérifié ?`,
+ confirmLabel: 'Confirmer',
+ onConfirm: async () => {
+ try {
+ await api.patch(`/admin/users/${u.id}/verify-email`, {});
+ load();
+ } catch (e) { setErr('Erreur : ' + e.message); }
+ finally { setConfirmAction(null); }
+ },
+ });
+ };
+
const deleteUser = (u) => {
setConfirmAction({
title: 'Supprimer l\'utilisateur',
@@ -66,6 +81,7 @@ export default function UsersSection({ currentUserId }) {
+ { e.target.style.display = 'none'; }}
+ style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: 'cover', opacity: 0.85 }}
+ />
+
+
+
+ {appInfo.iconUrl && }
+ {appInfo.appName}
+
+
+
+
+
+
+ {appInfo.iconUrl && }
+ {appInfo.appName}
+
+
+
+
+ {status === 'loading' && (
+
+ Vérification en cours…
+ )} + + {status === 'ok' && ( + <> +
+
+
+ + Email vérifié ! +
++ Votre adresse email a bien été confirmée. Vous pouvez maintenant vous connecter. +
+ + Se connecter + + + )} + + {status === 'error' && ( + <> +
+
+
+ + Lien invalide +
++ {errMsg} +
+ + Retour à la connexion + + + )} + +
+
+ {!u.email_verified && (
+
+ )}
{u.id !== currentUserId && (