refactor(auth): replace anchor navigation links with Button components and improve auth page styling

This commit is contained in:
2026-04-23 18:21:21 -04:00
parent da2bd0b4e7
commit dbea58a978
6 changed files with 30 additions and 32 deletions
+9 -11
View File
@@ -151,6 +151,7 @@ export default function LoginPage({ onSubmit, onNavigate, onSetSessionCookie, re
<Button
type="button"
variant="primary"
size="lg"
loading={isLoading}
disabled={!!success || !!currentUser}
onClick={handleSubmit}
@@ -160,18 +161,15 @@ export default function LoginPage({ onSubmit, onNavigate, onSetSessionCookie, re
</Button>
</div>
<div className={`mt-6 text-center transition-opacity duration-200 ${currentUser ? 'opacity-50 pointer-events-none' : ''}`}>
<a
href="#"
onClick={(e) => {
e.preventDefault();
if (!currentUser) onNavigate('register');
}}
className="group flex items-center justify-center gap-2"
<div className={`mt-6 flex justify-center transition-opacity duration-200 ${currentUser ? 'opacity-50 pointer-events-none' : ''}`}>
<Button
type="button"
variant="ghost"
disabled={!!currentUser}
onClick={() => { if (!currentUser) onNavigate('register'); }}
>
<span className="text-sm text-neutral-600 dark:text-neutral-400">Pas de compte ? </span>
<span className="text-sm text-neutral-900 group-hover:text-neutral-600 font-medium transition-colors duration-200 dark:text-white dark:group-hover:text-neutral-300">S'inscrire</span>
</a>
Pas de compte ? S'inscrire
</Button>
</div>
</Card>
);