Improve links

This commit is contained in:
Arthur Belleville 2025-04-03 08:06:32 +02:00
parent 655d856e29
commit 5da5af2812
No known key found for this signature in database
3 changed files with 28 additions and 29 deletions

View file

@ -5,6 +5,7 @@ import { Label, Input, TextField, FieldError } from "../ui-library/field";
import { useLoginEmail } from "../hooks/auth";
import { Form } from "../ui-library/form";
import { LoginWithGoogle } from "../components/BrandButtons/LoginWithGoogle";
import { Link } from "react-router-dom";
export function LoginPage() {
const { mutate: login, isPending, errors } = useLoginEmail();
@ -72,12 +73,11 @@ export function LoginPage() {
</TextField>
<div className="flex items-center justify-between">
<a
href="/reset-password"
className="text-sm text-emerald-600 hover:text-emerald-500"
>
Mot de passe oublié ?
</a>
<Link to="/reset-password">
<a className="text-sm text-emerald-600 hover:text-emerald-500">
Mot de passe oublié ?
</a>
</Link>
</div>
<Button
@ -117,12 +117,11 @@ export function LoginPage() {
<p className="text-center text-sm text-slate-600 dark:text-slate-400">
Pas encore de compte ?{" "}
<a
href="/signup"
className="text-emerald-600 hover:text-emerald-500 font-medium"
>
S&apos;inscrire
</a>
<Link to="/signup">
<a className="text-emerald-600 hover:text-emerald-500 font-medium">
S&apos;inscrire
</a>
</Link>
</p>
</div>
</div>

View file

@ -1,6 +1,6 @@
import { Button } from "../ui-library/button";
import { twMerge } from "tailwind-merge";
import { useNavigate } from "react-router-dom";
import { Link, useNavigate } from "react-router-dom";
import { useState } from "react";
import { Label, Input, TextField, FieldError } from "../ui-library/field";
import { Form } from "../ui-library/form";
@ -45,15 +45,16 @@ export function ResetPasswordPage() {
Si un compte existe avec l&apos;adresse {email}, vous recevrez un
email avec les instructions pour réinitialiser votre mot de passe.
</Text>
<Button
className={twMerge(
"mt-4 bg-emerald-700 text-white",
"hover:bg-emerald-600"
)}
onPress={() => navigate("/login")}
>
Retour à la connexion
</Button>
<Link to="/login">
<Button
className={twMerge(
"mt-4 bg-emerald-700 text-white",
"hover:bg-emerald-600"
)}
>
Retour à la connexion
</Button>
</Link>
</div>
</div>
</div>

View file

@ -1,6 +1,6 @@
import { Button } from "../ui-library/button";
import { twMerge } from "tailwind-merge";
import { useNavigate } from "react-router-dom";
import { Link, useNavigate } from "react-router-dom";
import { useState } from "react";
import { Label, Input, TextField, FieldError } from "../ui-library/field";
import { useSignUp } from "../hooks/auth";
@ -250,12 +250,11 @@ export function SignUpPage() {
<p className="text-center text-sm text-slate-600 dark:text-slate-400">
Déjà un compte ?{" "}
<a
href="/login"
className="text-emerald-600 hover:text-emerald-500 font-medium"
>
Se connecter
</a>
<Link to="/login">
<a className="text-emerald-600 hover:text-emerald-500 font-medium">
Se connecter
</a>
</Link>
</p>
</div>
</div>