diff --git a/src/front/Assets/Icons/export.svg b/src/front/Assets/Icons/export.svg new file mode 100644 index 00000000..b626248e --- /dev/null +++ b/src/front/Assets/Icons/export.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/front/Components/Layouts/LoginCustomer/classes.module.scss b/src/front/Components/Layouts/LoginCustomer/classes.module.scss new file mode 100644 index 00000000..7f83f95d --- /dev/null +++ b/src/front/Components/Layouts/LoginCustomer/classes.module.scss @@ -0,0 +1,35 @@ +.root { + display: flex; + justify-content: center; + flex-direction: column; + height: 100%; + margin: auto; + max-width: 80%; + + .text { + margin: 32px 0; + + } + + .france-connect-button { + cursor: pointer; + } + + .what-is-france-connect { + font-family: "Inter", sans-serif; + margin-top: 12px; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 24px; + border-bottom: 0.88px solid black; + width: fit-content; + display: flex; + align-items: center; + cursor: pointer; + + div { + margin-right: 8px; + } + } +} \ No newline at end of file diff --git a/src/front/Components/Layouts/LoginCustomer/france-connect.svg b/src/front/Components/Layouts/LoginCustomer/france-connect.svg new file mode 100644 index 00000000..98ae5ac4 --- /dev/null +++ b/src/front/Components/Layouts/LoginCustomer/france-connect.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/front/Components/Layouts/LoginCustomer/index.tsx b/src/front/Components/Layouts/LoginCustomer/index.tsx new file mode 100644 index 00000000..ad2a513f --- /dev/null +++ b/src/front/Components/Layouts/LoginCustomer/index.tsx @@ -0,0 +1,47 @@ +import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography"; +import BasePage from "../Base"; +import classes from "./classes.module.scss"; +import CoffreIcon from "@Assets/Icons/coffre.svg"; +import LandingImage from "./landing-connect.png"; +import Image from "next/image"; +import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage"; +import FranceConnectIcon from "./france-connect.svg"; +import ExportIcon from "@Assets/Icons/export.svg"; + +export default class LoginCustomer extends BasePage { + public override render(): JSX.Element { + return ( + +
+ +
Identifiez-vous
+ + +
+ Pour accéder à votre espace de dépôt des documents, veuillez vous identifier avec FranceConnect. +
+ + france connect +
+
Qu’est-ce que FranceConnect ?
+ export +
+
+ + ); + } + + private redirectUserOnConnection() { + // const variables = FrontendVariables.getInstance(); + // const baseFronturl = + // variables.BACK_API_PROTOCOL + variables.FRONT_APP_HOST + (variables.FRONT_APP_PORT ? ":" + variables.FRONT_APP_PORT : ""); + // const authorizeEndPoint = variables.IDNOT_AUTHORIZE_ENDPOINT; + // const clientId = variables.IDNOT_CLIENT_ID; + // const url = `${authorizeEndPoint}?client_id=${clientId}&redirect_uri=${baseFronturl}/authorized-client&scope=openid,profile,offline_access&response_type=code`; + // window.location.assign(url); + } +} diff --git a/src/front/Components/Layouts/LoginCustomer/landing-connect.png b/src/front/Components/Layouts/LoginCustomer/landing-connect.png new file mode 100644 index 00000000..5fd6f853 Binary files /dev/null and b/src/front/Components/Layouts/LoginCustomer/landing-connect.png differ diff --git a/src/pages/customers/login.tsx b/src/pages/customers/login.tsx new file mode 100644 index 00000000..785decd1 --- /dev/null +++ b/src/pages/customers/login.tsx @@ -0,0 +1,5 @@ +import LoginCustomer from "@Front/Components/Layouts/LoginCustomer"; + +export default function Route() { + return ; +}