From 9dfdaa902d09c0777ee5e58a48e907dd2232033a Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Tue, 1 Aug 2023 15:19:38 +0200
Subject: [PATCH] :sparkles: Fixing select folder

---
 .../Layouts/SelectFolder/classes.module.scss  | 11 --------
 .../Components/Layouts/SelectFolder/index.tsx | 25 ++++++++-----------
 2 files changed, 11 insertions(+), 25 deletions(-)

diff --git a/src/front/Components/Layouts/SelectFolder/classes.module.scss b/src/front/Components/Layouts/SelectFolder/classes.module.scss
index 504eff91..6334c67f 100644
--- a/src/front/Components/Layouts/SelectFolder/classes.module.scss
+++ b/src/front/Components/Layouts/SelectFolder/classes.module.scss
@@ -1,16 +1,5 @@
 .root {
 	position: relative;
-	.background-container {
-		width: 100%;
-		height: 100%;
-		position: absolute;
-		z-index: -1;
-
-		> img {
-			width: 100%;
-			object-fit: cover;
-		}
-	}
 	.select-folder-container {
 		max-width: 530px;
 		padding: 80px 72px;
diff --git a/src/front/Components/Layouts/SelectFolder/index.tsx b/src/front/Components/Layouts/SelectFolder/index.tsx
index 8596700f..64927e92 100644
--- a/src/front/Components/Layouts/SelectFolder/index.tsx
+++ b/src/front/Components/Layouts/SelectFolder/index.tsx
@@ -1,14 +1,14 @@
-import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
-import classes from "./classes.module.scss";
-import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
-import BlockList, { IBlock } from "@Front/Components/DesignSystem/BlockList";
-import { OfficeFolder } from "le-coffre-resources/dist/Customer";
-import { useCallback, useEffect, useState } from "react";
 import Folders from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
-import { useRouter } from "next/router";
+import BlockList, { IBlock } from "@Front/Components/DesignSystem/BlockList";
+import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
+import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
 import Module from "@Front/Config/Module";
-import BackgroundImage from "@Assets/images/background.png";
-import Image from "next/image";
+import { OfficeFolder } from "le-coffre-resources/dist/Customer";
+import { useRouter } from "next/router";
+import { useCallback, useEffect, useState } from "react";
+
+import LandingImage from "../Login/landing-connect.jpeg";
+import classes from "./classes.module.scss";
 
 export default function SelectFolder() {
 	const [folders, setFolders] = useState<OfficeFolder[]>([]);
@@ -33,11 +33,8 @@ export default function SelectFolder() {
 	);
 
 	return (
-		<DefaultTemplate title="Sélectionner un dossier" hasHeaderLinks={false}>
+		<DefaultDoubleSidePage title="Sélectionner un dossier" image={LandingImage}>
 			<div className={classes["root"]}>
-				<div className={classes["background-container"]}>
-					<Image src={BackgroundImage} alt="background" />
-				</div>
 				<div className={classes["select-folder-container"]}>
 					<div className={classes["title"]}>
 						<Typography typo={ITypo.H1}>Vos dossiers</Typography>
@@ -56,6 +53,6 @@ export default function SelectFolder() {
 					</div>
 				</div>
 			</div>
-		</DefaultTemplate>
+		</DefaultDoubleSidePage>
 	);
 }