From 88be309c10ff5353a129dc162be2dbb5c3cddeee Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Thu, 27 Apr 2023 11:07:10 +0200
Subject: [PATCH] :bug: Folder archived working on mobile

---
 .../Form/Elements/InputField/classes.module.scss   |  9 +++++++++
 .../Header/BurgerMenu/BurgerModal/index.tsx        | 14 +++++++++++---
 .../Components/Layouts/FolderArchived/index.tsx    |  2 +-
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/front/Components/DesignSystem/Form/Elements/InputField/classes.module.scss b/src/front/Components/DesignSystem/Form/Elements/InputField/classes.module.scss
index 4130e5ef..39d787ac 100644
--- a/src/front/Components/DesignSystem/Form/Elements/InputField/classes.module.scss
+++ b/src/front/Components/DesignSystem/Form/Elements/InputField/classes.module.scss
@@ -25,6 +25,15 @@
 		height: 70px;
 		border: 1px solid $grey-medium;
 
+		&:disabled {
+			~ .fake-placeholder {
+				/**
+				TODO
+				* 1. Add styles so the placeholder has the same color as the background when disabled
+				*/
+				background: transparent;
+			}
+		}
 		&:focus {
 			~ .fake-placeholder {
 				transform: translateY(-35px);
diff --git a/src/front/Components/DesignSystem/Header/BurgerMenu/BurgerModal/index.tsx b/src/front/Components/DesignSystem/Header/BurgerMenu/BurgerModal/index.tsx
index a45ef59a..7438163c 100644
--- a/src/front/Components/DesignSystem/Header/BurgerMenu/BurgerModal/index.tsx
+++ b/src/front/Components/DesignSystem/Header/BurgerMenu/BurgerModal/index.tsx
@@ -1,9 +1,9 @@
 import LogOutButton from "@Front/Components/DesignSystem/LogOutButton";
+import Module from "@Front/Config/Module";
 import React from "react";
 
 import NavigationLink from "../../NavigationLink";
 import classes from "./classes.module.scss";
-import Module from "@Front/Config/Module";
 
 type IProps = {
 	isOpen: boolean;
@@ -19,8 +19,16 @@ export default class BurgerModal extends React.Component<IProps, IState> {
 			<>
 				<div className={classes["background"]} onClick={this.props.closeModal} />
 				<div className={classes["root"]}>
-					<NavigationLink path={Module.getInstance().get().modules.pages.Folder.props.path} text="Dossiers en cours" />
-					<NavigationLink text="Dossiers archivés" />
+					<NavigationLink
+						path={Module.getInstance().get().modules.pages.Folder.props.path}
+						text="Dossiers en cours"
+						routesActive={[Module.getInstance().get().modules.pages.Folder.pages.FolderInformation.props.path]}
+					/>
+					<NavigationLink
+						path={Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.props.path}
+						text="Dossiers archivés"
+						routesActive={[Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.props.path]}
+					/>
 					<div className={classes["separator"]} />
 					<LogOutButton />
 				</div>
diff --git a/src/front/Components/Layouts/FolderArchived/index.tsx b/src/front/Components/Layouts/FolderArchived/index.tsx
index 0cd42d76..93afb625 100644
--- a/src/front/Components/Layouts/FolderArchived/index.tsx
+++ b/src/front/Components/Layouts/FolderArchived/index.tsx
@@ -21,7 +21,7 @@ export default class Folder extends BasePage<IProps, IState> {
 	// TODO: Message if the user has not created any folder yet
 	public override render(): JSX.Element {
 		return (
-			<DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={this.onSelectedFolder} isArchived>
+			<DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={this.onSelectedFolder} isArchived  mobileBackText={"Liste des dossiers"}>
 				<div className={classes["root"]}>
 					<div className={classes["no-folder-selected"]}>
 						<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>