🎨 new images

src/front/Components/Layouts/Folder/CreateFolder/index.tsx

@@ -1,4 +1,3 @@
-import RightImage from "@Front/Assets/images/create-folder/right-image.png";
 import Button from "@Front/Components/DesignSystem/Button";
 import Form from "@Front/Components/DesignSystem/Form";
 import InputField from "@Front/Components/DesignSystem/Form/Elements/InputField";
@@ -19,6 +18,7 @@ import Users from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users";
 import User from "le-coffre-resources/dist/Notary";
 import Folders, { IPostFoldersParams } from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
 import { NextRouter, useRouter } from "next/router";
+import BackgroundImage from "./background-image.jpeg";
 
 type IFormValues = {
 	folder_number: string;
@@ -73,7 +73,7 @@ class CreateFolderClass extends BasePage<IPropsClass, IState> {
 
 	public override render(): JSX.Element {
 		return (
-			<DefaultDoubleSidePage title={"Dossier"} image={RightImage} type="image" showHeader={true}>
+			<DefaultDoubleSidePage title={"Dossier"} image={BackgroundImage} type="background" showHeader={true}>
 				<div className={classes["root"]}>
 					<BackArrow />
 					<Typography typo={ITypo.H1} color={ITypoColor.BLACK} className={classes["title"]}>
@@ -137,11 +137,13 @@ class CreateFolderClass extends BasePage<IPropsClass, IState> {
 		const deedTypes = await DeedTypes.getInstance().get({ q: {} });
 
 		// TODO SETUP userStore and get the user's office membership -> Replace IwJ70M471c by the user's office membership uid
-		const usersMock = await Users.getInstance().get( { include: { office_membership: true } });
+		const usersMock = await Users.getInstance().get({ include: { office_membership: true } });
 		const userMock = usersMock[0];
 		// -------------------
-		const collaborators = await Users.getInstance().get( { where: { office_membership: { uid: userMock?.office_membership?.uid } }, include: { contact: true } },
+		const collaborators = await Users.getInstance().get({
-		);
+			where: { office_membership: { uid: userMock?.office_membership?.uid } },
+			include: { contact: true },
+		});
 		this.setState({
 			deedTypes,
 			deedTypesOptions: this.mapDeedOptions(deedTypes),
@@ -222,7 +224,7 @@ class CreateFolderClass extends BasePage<IPropsClass, IState> {
 		/**
 		 * MOCK DATA
 		 */
-		const usersMock = await Users.getInstance().get( { include: { office_membership: true }});
+		const usersMock = await Users.getInstance().get({ include: { office_membership: true } });
 		const userMock = usersMock[0];
 		// -----
 		if (!selectedDeedTypeUid) return;

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

@@ -3,7 +3,7 @@ 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 LandingImage from "./landing-connect.jpeg";
 import Image from "next/image";
 import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
 import { FrontendVariables } from "@Front/Config/VariablesFront";

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

@@ -1,7 +1,7 @@
 import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
 import BasePage from "../Base";
 import classes from "./classes.module.scss";
-import LandingImage from "./landing-connect.png";
+import LandingImage from "../Login/landing-connect.jpeg";
 import Image from "next/image";
 import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
 import FranceConnectIcon from "./france-connect.svg";
@@ -42,7 +42,9 @@ export default class LoginCustomer extends BasePage {
 		// 	variables.BACK_API_PROTOCOL + variables.FRONT_APP_HOST + (variables.FRONT_APP_PORT ? ":" + variables.FRONT_APP_PORT : "");
 		const authorizeEndPoint = variables.FC_AUTHORIZE_ENDPOINT;
 		const clientId = variables.FC_CLIENT_ID;
-		const url = `${authorizeEndPoint}?client_id=${clientId}&redirect_uri=http://localhost:8080/login-callback&scope=openid&response_type=code&state=${cryptoRandomString({length: 64})}&nonce=${cryptoRandomString({length: 64})}&acr_values=eidas1`;
+		const url = `${authorizeEndPoint}?client_id=${clientId}&redirect_uri=http://localhost:8080/login-callback&scope=openid&response_type=code&state=${cryptoRandomString(
+			{ length: 64 },
+		)}&nonce=${cryptoRandomString({ length: 64 })}&acr_values=eidas1`;
 		window.location.assign(url);
 	}
 }

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

@@ -2,15 +2,15 @@ import Button from "@Front/Components/DesignSystem/Button";
 import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
 import Module from "@Front/Config/Module";
 import Link from "next/link";
-import RightImage from "@Assets/images/create-folder/right-image.png";
 import BasePage from "../Base";
 import classes from "./classes.module.scss";
 import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
 
+import backgroundImage from "../Folder/CreateFolder/background-image.jpeg";
 export default class PageNotFound extends BasePage {
 	public override render(): JSX.Element {
 		return (
-			<DefaultDoubleSidePage title={"Project Not Found"} image={RightImage} type="image" showHeader>
+			<DefaultDoubleSidePage title={"Project Not Found"} image={backgroundImage} type="background" showHeader>
 				<div className={classes["root"]}>
 					<div className={classes["content"]}>
 						<Typography typo={ITypo.H1}>Erreur 404</Typography>