From 1f582a0e82f264ad4bd43619354627058f84ee63 Mon Sep 17 00:00:00 2001 From: Vins Date: Mon, 21 Oct 2024 15:38:38 +0200 Subject: [PATCH] Error popups --- .../DesignSystem/OldModal/Confirm/index.tsx | 7 ++- .../OldModal/Elements/Header/index.tsx | 2 +- .../Login/StepEmail/classes.module.scss | 15 +++++ .../Layouts/Login/StepEmail/index.tsx | 57 ++++++++++++++----- src/front/Components/Layouts/Login/index.tsx | 32 +++++------ 5 files changed, 82 insertions(+), 31 deletions(-) diff --git a/src/front/Components/DesignSystem/OldModal/Confirm/index.tsx b/src/front/Components/DesignSystem/OldModal/Confirm/index.tsx index d7ebe82a..f2275260 100644 --- a/src/front/Components/DesignSystem/OldModal/Confirm/index.tsx +++ b/src/front/Components/DesignSystem/OldModal/Confirm/index.tsx @@ -63,7 +63,12 @@ export default class Confirm extends React.Component { ))}
-
diff --git a/src/front/Components/DesignSystem/OldModal/Elements/Header/index.tsx b/src/front/Components/DesignSystem/OldModal/Elements/Header/index.tsx index c8373019..edbcf8c9 100644 --- a/src/front/Components/DesignSystem/OldModal/Elements/Header/index.tsx +++ b/src/front/Components/DesignSystem/OldModal/Elements/Header/index.tsx @@ -10,7 +10,7 @@ export default class Header extends React.Component { public override render(): JSX.Element { return (
- {this.props.content} + {this.props.content}
); } diff --git a/src/front/Components/Layouts/Login/StepEmail/classes.module.scss b/src/front/Components/Layouts/Login/StepEmail/classes.module.scss index aa8fe60f..ea2790a7 100644 --- a/src/front/Components/Layouts/Login/StepEmail/classes.module.scss +++ b/src/front/Components/Layouts/Login/StepEmail/classes.module.scss @@ -40,4 +40,19 @@ } } } + .modal-content { + .text { + color: var(--color-neutral-700); + } + + .modal-button { + display: flex; + margin-top: 24px; + color: var(--color-secondary-500); + + .button-text { + border-bottom: 1px solid var(--color-secondary-500); + } + } + } } diff --git a/src/front/Components/Layouts/Login/StepEmail/index.tsx b/src/front/Components/Layouts/Login/StepEmail/index.tsx index 68d351d2..d03d48b6 100644 --- a/src/front/Components/Layouts/Login/StepEmail/index.tsx +++ b/src/front/Components/Layouts/Login/StepEmail/index.tsx @@ -62,10 +62,10 @@ export default function StepEmail(props: IProps) { router.push("https://connexion.idnot.fr/"); }, [router]); - const closeContactAdminModal = () => { - setIsErrorModalOpen(0); - window.open("https://www.lecoffre.io/contact", "_blank"); - }; + // const closeContactAdminModal = () => { + // setIsErrorModalOpen(0); + // window.open("https://www.lecoffre.io/contact", "_blank"); + // }; useEffect(() => { openErrorModal(parseInt(error as string)); @@ -110,12 +110,18 @@ export default function StepEmail(props: IProps) { showCancelButton={false} onAccept={closeErrorModal} closeBtn - header={"Erreur"} - confirmText={"OK"}> + header={"Abonnement Manquant"} + confirmText={"Fermer"}>
- - Vous ne disposez pas d'un abonnement, veuillez contacter l'administrateur de votre office. + + Vous ne disposez pas d'un abonnement actif. Veuillez demander au référent de votre étude de souscrire à un + abonnement pour activer cette fonctionnalité. Pour toute question, contactez-nous à support@lecoffre.io. + + + Contactez le support + +
+ cancelText={"Fermer"}>
- Votre compte ID.not doit être associé à une adresse email @notaires.fr (onglet Mettre à jour mes données - professionnelles) + Votre e-mail professionnel n'est pas renseigné sur votre compte ID.Not. Merci de l'ajouter pour accéder à ce + service. Pour toute question, contactez-nous à support@lecoffre.io. + + + Contactez le support + +
+
+ + Notre partenaire ID.Not rencontre actuellement un problème technique. Nous vous tiendrons informé de l'évolution. + Pour toute question, contactez-nous à support@lecoffre.io. + + + + Contactez le support + + +
+ + {/* - + */} ); } diff --git a/src/front/Components/Layouts/Login/index.tsx b/src/front/Components/Layouts/Login/index.tsx index 3b9789bd..dc0d5e0b 100644 --- a/src/front/Components/Layouts/Login/index.tsx +++ b/src/front/Components/Layouts/Login/index.tsx @@ -1,10 +1,10 @@ -import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography"; +// import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography"; import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage"; import { useRouter } from "next/router"; -import { useCallback, useEffect, useState } from "react"; +import { useCallback, useState } from "react"; import classes from "./classes.module.scss"; -import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm"; +// import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm"; import StepEmail from "./StepEmail"; import StepTotp from "./StepTotp"; import Auth from "@Front/Api/Auth/Customer/Auth"; @@ -25,9 +25,9 @@ export enum LoginStep { } export default function Login() { const router = useRouter(); - const error = router.query["error"]; + // const error = router.query["error"]; - const [isErrorModalOpen, setIsErrorModalOpen] = useState(false); + // const [isErrorModalOpen, setIsErrorModalOpen] = useState(false); const [step, setStep] = useState(LoginStep.EMAIL); const [totpCodeUid, setTotpCodeUid] = useState(""); @@ -36,17 +36,17 @@ export default function Login() { const [partialPhoneNumber, setPartialPhoneNumber] = useState(""); const [validationErrors, setValidationErrors] = useState([]); - const openErrorModal = useCallback(() => { - setIsErrorModalOpen(true); - }, []); + // const openErrorModal = useCallback(() => { + // setIsErrorModalOpen(true); + // }, []); - const closeErrorModal = useCallback(() => { - setIsErrorModalOpen(false); - }, []); + // const closeErrorModal = useCallback(() => { + // setIsErrorModalOpen(false); + // }, []); - useEffect(() => { - if (error === "1") openErrorModal(); - }, [error, openErrorModal]); + // useEffect(() => { + // if (error === "1") openErrorModal(); + // }, [error, openErrorModal]); const onEmailFormSubmit = useCallback(async (e: React.FormEvent | null, values: { [key: string]: string }) => { try { @@ -232,7 +232,7 @@ export default function Login() { )} - - + */} ); }