From 0c4252a679b58283d1e908ee0c452f81e072ce66 Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Thu, 28 Sep 2023 13:31:07 +0200
Subject: [PATCH] :bug: Contact admin now has the mailto link

---
 src/front/Components/Layouts/Login/index.tsx        |  5 ++++-
 .../Components/Layouts/LoginCallback/index.tsx      |  5 ++++-
 .../Layouts/LoginCallbackCustomer/index.tsx         | 13 ++++++++-----
 .../Components/Layouts/LoginCustomer/index.tsx      |  5 ++++-
 4 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/front/Components/Layouts/Login/index.tsx b/src/front/Components/Layouts/Login/index.tsx
index 64702a90..e6e60bd7 100644
--- a/src/front/Components/Layouts/Login/index.tsx
+++ b/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>
-				<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				<Link href="mailto:g.texier@notaires.fr">
+					<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				</Link>
 			</div>
 		</DefaultDoubleSidePage>
 	);
diff --git a/src/front/Components/Layouts/LoginCallback/index.tsx b/src/front/Components/Layouts/LoginCallback/index.tsx
index cf320165..12d2293c 100644
--- a/src/front/Components/Layouts/LoginCallback/index.tsx
+++ b/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>
-				<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				<Link href="mailto:g.texier@notaires.fr">
+					<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				</Link>
 			</div>
 		</DefaultDoubleSidePage>
 	);
diff --git a/src/front/Components/Layouts/LoginCallbackCustomer/index.tsx b/src/front/Components/Layouts/LoginCallbackCustomer/index.tsx
index bd78a01c..7ec5bf15 100644
--- a/src/front/Components/Layouts/LoginCallbackCustomer/index.tsx
+++ b/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>
-				<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				<Link href="mailto:g.texier@notaires.fr">
+					<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				</Link>
 			</div>
 		</DefaultDoubleSidePage>
 	);
diff --git a/src/front/Components/Layouts/LoginCustomer/index.tsx b/src/front/Components/Layouts/LoginCustomer/index.tsx
index 6adfa56c..7968e55c 100644
--- a/src/front/Components/Layouts/LoginCustomer/index.tsx
+++ b/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>
-				<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				<Link href="mailto:g.texier@notaires.fr">
+					<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
+				</Link>
 			</div>
 		</DefaultDoubleSidePage>
 	);