4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ Logo france connect

Browse Source
This commit is contained in:
Maxime Lalo 2023-09-26 12:14:30 +02:00
parent 424b337989
commit 03cd8da99c
3 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/front/Components/Layouts/LoginCustomer/classes.module.scss
View File

@ -22,4 +22,8 @@
margin-top: 32px; margin-top: 32px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.logo {
cursor: pointer;
}
} }

9
src/front/Components/Layouts/LoginCustomer/france-connect.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

6
src/front/Components/Layouts/LoginCustomer/index.tsx
View File

@ -1,5 +1,5 @@
import CoffreIcon from "@Assets/Icons/coffre.svg"; import CoffreIcon from "@Assets/Icons/coffre.svg";
import idNoteLogo from "@Assets/Icons/id-note-logo.svg"; import franceConnectLogo from "./france-connect.svg";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button"; import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography"; import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage"; import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
@ -32,9 +32,7 @@ export default function Login() {
<Typography typo={ITypo.H1}> <Typography typo={ITypo.H1}>
<div className={classes["title"]}>Connexion espace client</div> <div className={classes["title"]}>Connexion espace client</div>
</Typography> </Typography>
<Button onClick={redirectCustomerOnConnection} icon={idNoteLogo} iconposition={"left"}> <Image alt="france-connect" src={franceConnectLogo} onClick={redirectCustomerOnConnection} className={classes["logo"]} />
S'identifier en tant que customer
</Button>
<Typography typo={ITypo.P_18}> <Typography typo={ITypo.P_18}>
<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div> <div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
</Typography> </Typography>