From ff63702bea8be94324b2435355e8ab01f5652450 Mon Sep 17 00:00:00 2001
From: Hugo Lextrait <hugo.lextrait@smart-chain.fr>
Date: Tue, 18 Apr 2023 11:23:26 +0200
Subject: [PATCH] fixes

---
 .../FolderBoxInformation/classes.module.scss      | 15 +++++++++++++--
 .../DesignSystem/FolderListContainer/index.tsx    |  2 +-
 .../DesignSystem/MultiSelect/styles.tsx           |  4 ++--
 .../Components/DesignSystem/SearchBar/index.tsx   |  7 ++++++-
 .../DefaultNotaryDashboard/index.tsx              |  3 +--
 .../Folder/AddClientToFolder/classes.module.scss  |  6 +++++-
 .../Layouts/Folder/AddClientToFolder/index.tsx    |  4 +++-
 .../Components/Layouts/Login/classes.module.scss  |  3 ++-
 8 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/src/front/Components/DesignSystem/FolderBoxInformation/classes.module.scss b/src/front/Components/DesignSystem/FolderBoxInformation/classes.module.scss
index 64bc147b..c84963ed 100644
--- a/src/front/Components/DesignSystem/FolderBoxInformation/classes.module.scss
+++ b/src/front/Components/DesignSystem/FolderBoxInformation/classes.module.scss
@@ -14,7 +14,18 @@
 		gap: 32px;
 		width: 100%;
 
-		@media (max-width: $screen-l) {
+		.text-container {
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+
+			> :first-child {
+				margin-bottom: 12px;
+			}
+		}
+
+
+		@media (max-width: $screen-ls) {
 			grid-template-columns: 1fr 1fr;
 		}
 
@@ -39,4 +50,4 @@
 			margin-top: 24px;
 		}
 	}
-}
+}
\ No newline at end of file
diff --git a/src/front/Components/DesignSystem/FolderListContainer/index.tsx b/src/front/Components/DesignSystem/FolderListContainer/index.tsx
index e071c42b..d0a73704 100644
--- a/src/front/Components/DesignSystem/FolderListContainer/index.tsx
+++ b/src/front/Components/DesignSystem/FolderListContainer/index.tsx
@@ -28,7 +28,7 @@ export default class FolderListContainer extends React.Component<IProps, IState>
 			<div className={classes["root"]}>
 				<div>
 					<div className={classes["searchbar"]}>
-						<SearchBar folders={this.props.folders} onChange={this.filterFolders} />
+						<SearchBar folders={this.props.folders} onChange={this.filterFolders} placeholder="Chercher un dossier" />
 					</div>
 					<FolderList
 						folders={this.state.filteredFolders}
diff --git a/src/front/Components/DesignSystem/MultiSelect/styles.tsx b/src/front/Components/DesignSystem/MultiSelect/styles.tsx
index 178cbde5..023596de 100644
--- a/src/front/Components/DesignSystem/MultiSelect/styles.tsx
+++ b/src/front/Components/DesignSystem/MultiSelect/styles.tsx
@@ -84,8 +84,8 @@ export const styles = {
 			backgroundColor: "transparent",
 		},
 		">svg": {
-			width: "16px",
-			height: "16px",
+			width: "20px",
+			height: "20px",
 		},
 	}),
 	indicatorsContainer: (provided: any) => ({
diff --git a/src/front/Components/DesignSystem/SearchBar/index.tsx b/src/front/Components/DesignSystem/SearchBar/index.tsx
index 8f2d3ca0..4f057ad2 100644
--- a/src/front/Components/DesignSystem/SearchBar/index.tsx
+++ b/src/front/Components/DesignSystem/SearchBar/index.tsx
@@ -8,12 +8,17 @@ import { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotar
 type IProps = {
 	folders: IDashBoardFolder[];
 	onChange?: (folders: IDashBoardFolder[]) => IDashBoardFolder[];
+	placeholder?: string;
 };
 type IState = {
 	hasValue: boolean;
 };
 
 export default class SearchBar extends React.Component<IProps, IState> {
+	static defaultProps = {
+		placeholder: "Search",
+	};
+
 	public constructor(props: IProps) {
 		super(props);
 		this.state = {
@@ -28,7 +33,7 @@ export default class SearchBar extends React.Component<IProps, IState> {
 				<Image src={LoopIcon} alt="Loop icon" />
 				{!this.state.hasValue && (
 					<Typography typo={ITypo.P_ERR_18}>
-						<div className={classes["fake-placeholder"]}>Select</div>
+						<div className={classes["fake-placeholder"]}>{this.props.placeholder}</div>
 					</Typography>
 				)}
 				<input type="text" placeholder="" className={classes["input"]} onChange={this.onChange} />
diff --git a/src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx b/src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx
index ca6db88b..9e0ab383 100644
--- a/src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx
+++ b/src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx
@@ -1,3 +1,4 @@
+import "reflect-metadata";
 import ChevronIcon from "@Assets/Icons/chevron.svg";
 import FolderListContainer from "@Front/Components/DesignSystem/FolderListContainer";
 import Header from "@Front/Components/DesignSystem/Header";
@@ -11,8 +12,6 @@ import React, { ReactNode } from "react";
 
 import classes from "./classes.module.scss";
 
-import "reflect-metadata";
-
 type IProps = {
 	title: string;
 	children?: ReactNode;
diff --git a/src/front/Components/Layouts/Folder/AddClientToFolder/classes.module.scss b/src/front/Components/Layouts/Folder/AddClientToFolder/classes.module.scss
index 9d30fa33..3ebdedef 100644
--- a/src/front/Components/Layouts/Folder/AddClientToFolder/classes.module.scss
+++ b/src/front/Components/Layouts/Folder/AddClientToFolder/classes.module.scss
@@ -6,6 +6,10 @@
 	min-height: 100%;
 	align-items: flex-start;
 
+	.back-arrow {
+		margin-bottom: 24px;
+	}
+
 	.radiobox-container {
 		margin: 32px 0;
 	}
@@ -23,4 +27,4 @@
 			margin-bottom: 24px;
 		}
 	}
-}
+}
\ No newline at end of file
diff --git a/src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx b/src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx
index 753d61dd..ae1acfe1 100644
--- a/src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx
+++ b/src/front/Components/Layouts/Folder/AddClientToFolder/index.tsx
@@ -44,7 +44,9 @@ class AddClientToFolderClass extends BasePage<IProps, IState> {
 		return (
 			<DefaultNotaryDashboard title={"Ajouter client(s)"} onSelectedFolder={this.onSelectedFolder}>
 				<div className={classes["root"]}>
-					<BackArrow url={"/dossier/".concat(this.props.selectedFolderUid)} />
+					<div className={classes["back-arrow"]}>
+						<BackArrow url={"/dossier/".concat(this.props.selectedFolderUid)} />
+					</div>
 					<Typography typo={ITypo.H1Bis}>Associer un ou plusieurs client(s)</Typography>
 					<Form>
 						<div className={classes["radiobox-container"]}>
diff --git a/src/front/Components/Layouts/Login/classes.module.scss b/src/front/Components/Layouts/Login/classes.module.scss
index 6c251c4a..8fc12a31 100644
--- a/src/front/Components/Layouts/Login/classes.module.scss
+++ b/src/front/Components/Layouts/Login/classes.module.scss
@@ -3,6 +3,7 @@
 	align-items: center;
 	justify-content: center;
 	flex-direction: column;
+	height: 100%;
 
 	.title {
 		margin: 32px 0;
@@ -13,4 +14,4 @@
 		margin-top: 32px;
 		margin-bottom: 8px;
 	}
-}
+}
\ No newline at end of file