From a4b2154128740ac66e89e605fdeebd229c708542 Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Wed, 19 Apr 2023 12:07:27 +0200
Subject: [PATCH] :sparkles: Fix fonts in multiselect

---
 .../DesignSystem/MultiSelect/classes.module.scss       |  4 ++--
 .../Components/DesignSystem/MultiSelect/index.tsx      |  1 +
 .../Components/Layouts/Folder/CreateFolder/index.tsx   |  2 --
 src/front/index.scss                                   | 10 ++++++++++
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/front/Components/DesignSystem/MultiSelect/classes.module.scss b/src/front/Components/DesignSystem/MultiSelect/classes.module.scss
index 536c24ef..fec41f1d 100644
--- a/src/front/Components/DesignSystem/MultiSelect/classes.module.scss
+++ b/src/front/Components/DesignSystem/MultiSelect/classes.module.scss
@@ -44,7 +44,7 @@
 
 			> div {
 				width: 100%;
-				> div > div {
+				> div:first-of-type > div:first-of-type {
 					padding: 24px;
 				}
 			}
@@ -53,7 +53,7 @@
 		&.active {
 			.input-container {
 				> div > div > div {
-					padding: 16px 24px;
+					padding: 24px 16px 16px 16px !important;
 				}
 			}
 		}
diff --git a/src/front/Components/DesignSystem/MultiSelect/index.tsx b/src/front/Components/DesignSystem/MultiSelect/index.tsx
index cb1ca3cc..5ddacf88 100644
--- a/src/front/Components/DesignSystem/MultiSelect/index.tsx
+++ b/src/front/Components/DesignSystem/MultiSelect/index.tsx
@@ -66,6 +66,7 @@ export default class MultiSelect extends React.Component<IProps, IState> {
 							noOptionsMessage={this.onEmptyResearch}
 							onFocus={this.onFocus}
 							onBlur={this.onBlur}
+							classNamePrefix="react-select"
 						/>
 					</div>
 				</div>
diff --git a/src/front/Components/Layouts/Folder/CreateFolder/index.tsx b/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
index c95df336..ce1e16e8 100644
--- a/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
+++ b/src/front/Components/Layouts/Folder/CreateFolder/index.tsx
@@ -128,8 +128,6 @@ export default class CreateFolder extends BasePage<IProps, IState> {
 		);
 	}
 
-	public override async componentDidMount() {}
-
 	private onFolderNumberChange(e: React.ChangeEvent<HTMLInputElement>) {
 		this.setState({
 			formValues: {
diff --git a/src/front/index.scss b/src/front/index.scss
index 9e45c9ca..871f3955 100644
--- a/src/front/index.scss
+++ b/src/front/index.scss
@@ -40,3 +40,13 @@ a:visited {
 a:hover {
 	opacity: 0.9;
 }
+
+.react-select__input-container {
+	color: black !important;
+	font-weight: normal !important;
+}
+
+.react-select__menu-notice {
+	font-size: 18px;
+	font-family: Inter;
+}