🐛 Fixing typos and overflow

src/front/Components/DesignSystem/FolderList/classes.module.scss

@@ -2,7 +2,11 @@
 
 .root {
 	height: calc(100vh - 290px);
-	overflow: scroll;
+	overflow-y: scroll;
+
+	&.archived{
+		height: calc(100vh - 220px);
+	}
 
 	.active {
 		background-color: var(--grey-medium);

src/front/Components/DesignSystem/FolderList/index.tsx

@@ -7,6 +7,7 @@ import React from "react";
 
 import FolderContainer from "../FolderContainer";
 import classes from "./classes.module.scss";
+import classNames from "classnames";
 
 type IProps = {
 	folders: IDashBoardFolder[];
@@ -26,7 +27,7 @@ class FolderListClass extends React.Component<IPropsClass, IState> {
 		? Module.getInstance().get().modules.pages.Folder.pages.FolderArchived.pages.FolderInformation.props.path
 		: Module.getInstance().get().modules.pages.Folder.pages.FolderInformation.props.path;
 	public override render(): JSX.Element {
-		return <div className={classes["root"]}>{this.renderFolders()}</div>;
+		return <div className={classNames(classes["root"], this.props.isArchived ? classes["archived"]:"")}>{this.renderFolders()}</div>;
 	}
 
 	private renderFolders(): JSX.Element[] {

src/front/Components/DesignSystem/FolderListContainer/index.tsx

@@ -1,4 +1,5 @@
 import { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
+import Module from "@Front/Config/Module";
 import Link from "next/link";
 import React from "react";
 
@@ -6,7 +7,6 @@ import Button from "../Button";
 import FolderList from "../FolderList";
 import SearchBar from "../SearchBar";
 import classes from "./classes.module.scss";
-import Module from "@Front/Config/Module";
 
 type IProps = {
 	folders: IDashBoardFolder[];
@@ -44,13 +44,13 @@ export default class FolderListContainer extends React.Component<IProps, IState>
 						/>
 					</div>
 				</div>
-				<div>
 				{!this.props.isArchived && (
+					<div>
 						<Link href={navigatePath}>
 							<Button fullwidth={true}>Créer un dossier</Button>
 						</Link>
-					)}
 					</div>
+				)}
 			</div>
 		);
 	}

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

@@ -123,7 +123,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 							<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
 							<div className={classes["choose-a-folder"]}>
 								<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
-									Vous n'avez aucun dossier archivés
+									Sélectionnez un dossier
 								</Typography>
 							</div>
 						</div>

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

@@ -28,7 +28,7 @@ export default class Folder extends BasePage<IProps, IState> {
 						<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
 						<div className={classes["choose-a-folder"]}>
 							<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
-								Vous n'avez aucun dossier archivés
+								Sélectionnez un dossier
 							</Typography>
 						</div>
 					</div>

src/front/Components/Layouts/FolderArchived/FolderInformation/index.tsx

@@ -93,7 +93,7 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 							<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
 							<div className={classes["choose-a-folder"]}>
 								<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
-									Vous n'avez aucun dossier archivés
+									Vous n'avez aucun dossier archivé
 								</Typography>
 							</div>
 						</div>

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

@@ -31,7 +31,7 @@ export default class Folder extends BasePage<IProps, IState> {
 						<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
 						<div className={classes["choose-a-folder"]}>
 							<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
-								Vous n'avez aucun dossier archivés
+								Vous n'avez aucun dossier archivé
 							</Typography>
 						</div>
 					</div>