🐛 Contact admin now has the mailto link

src/front/Components/Layouts/Login/index.tsx

@@ -10,6 +10,7 @@ import { useCallback } from "react";
 import classes from "./classes.module.scss";
 import LandingImage from "./landing-connect.jpeg";
 import { FrontendVariables } from "@Front/Config/VariablesFront";
+import Link from "next/link";
 
 export default function Login() {
 	const router = useRouter();
@@ -36,7 +37,9 @@ export default function Login() {
 				<Typography typo={ITypo.P_18}>
 					<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
 				</Typography>
+				<Link href="mailto:g.texier@notaires.fr">
 					<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				</Link>
 			</div>
 		</DefaultDoubleSidePage>
 	);

src/front/Components/Layouts/LoginCallback/index.tsx

@@ -11,6 +11,7 @@ import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
 import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
 import Loader from "@Front/Components/DesignSystem/Loader";
 import UserStore from "@Front/Stores/UserStore";
+import Link from "next/link";
 
 export default function LoginCallBack() {
 	const router = useRouter();
@@ -45,7 +46,9 @@ export default function LoginCallBack() {
 				<Typography typo={ITypo.P_18}>
 					<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
 				</Typography>
+				<Link href="mailto:g.texier@notaires.fr">
 					<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				</Link>
 			</div>
 		</DefaultDoubleSidePage>
 	);

src/front/Components/Layouts/LoginCallbackCustomer/index.tsx

@@ -15,13 +15,13 @@ import Loader from "@Front/Components/DesignSystem/Loader";
 import Customers from "@Front/Api/LeCoffreApi/Id360/Customers/Customers";
 import CustomerStore from "@Front/Stores/CustomerStore";
 import Module from "@Front/Config/Module";
-
+import Link from "next/link";
 
 export default function LoginCallBack() {
 	const router = useRouter();
 
 	useEffect(() => {
-		const getReport = async() => {
+		const getReport = async () => {
 			const tokenid360 = router.query["token"];
 			if (!tokenid360) return;
 			// const variables = FrontendVariables.getInstance();
@@ -31,9 +31,10 @@ export default function LoginCallBack() {
 			const token = await Customers.getInstance().loginCallback(tokenid360);
 			CustomerStore.instance.connect(token.accessToken, token.refreshToken);
 			router.push(Module.getInstance().get().modules.pages.Folder.pages.Select.props.path);
-		}
+		};
 		getReport();
-	}),[router];
+	}),
+		[router];
 
 	return (
 		<DefaultDoubleSidePage title={"Login"} image={LandingImage}>
@@ -48,7 +49,9 @@ export default function LoginCallBack() {
 				<Typography typo={ITypo.P_18}>
 					<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
 				</Typography>
+				<Link href="mailto:g.texier@notaires.fr">
 					<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				</Link>
 			</div>
 		</DefaultDoubleSidePage>
 	);

src/front/Components/Layouts/LoginCustomer/index.tsx

@@ -9,6 +9,7 @@ import { useCallback } from "react";
 import Customers from "@Front/Api/LeCoffreApi/Id360/Customers/Customers";
 import classes from "./classes.module.scss";
 import LandingImage from "./landing-connect.jpeg";
+import Link from "next/link";
 
 export default function Login() {
 	const router = useRouter();
@@ -36,7 +37,9 @@ export default function Login() {
 				<Typography typo={ITypo.P_18}>
 					<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
 				</Typography>
+				<Link href="mailto:g.texier@notaires.fr">
 					<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				</Link>
 			</div>
 		</DefaultDoubleSidePage>
 	);