✨ Link modifications

src/front/Components/DesignSystem/Header/BurgerMenu/BurgerModal/index.tsx

@@ -20,7 +20,6 @@ export default class BurgerModal extends React.Component<IProps, IState> {
 				<div className={classes["root"]}>
 					<NavigationLink path={"/folder"} text="Dossiers en cours" />
 					<NavigationLink text="Dossiers archivés" />
-					<NavigationLink path={"/"} text="Home" />
 					<div className={classes["separator"]} />
 					<LogOutButton />
 				</div>

src/front/Components/DesignSystem/Header/HeaderLink/classes.module.scss

@@ -19,4 +19,8 @@
 		bottom: 0;
 		left: 0;
 	}
+
+	&.desactivated{
+		cursor: not-allowed;
+	}
 }

src/front/Components/DesignSystem/Header/HeaderLink/index.tsx

@@ -1,11 +1,12 @@
-import React from "react";
-import classes from "./classes.module.scss";
-import Link from "next/link";
-import Typography, { ITypo } from "../../Typography";
 import classNames from "classnames";
+import Link from "next/link";
 import router from "next/router";
+import React from "react";
 import { useEffect, useState } from "react";
 
+import Typography, { ITypo } from "../../Typography";
+import classes from "./classes.module.scss";
+
 type IPropsClass = {
 	text: string | JSX.Element;
 	path?: string;
@@ -16,20 +17,30 @@ type IStateClass = {};
 
 class HeaderLinkClass extends React.Component<IPropsClass, IStateClass> {
 	public override render(): JSX.Element {
+		if (this.props.path !== "" && this.props.path !== undefined) {
 			return (
-			<Link href={this.props.path ?? ""} className={classNames(classes["root"], this.props.isActive && [classes["active"]])}>
+				<Link href={this.props.path} className={classNames(classes["root"], this.props.isActive && classes["active"])}>
 					<div className={classes["content"]}>
 						<Typography typo={this.props.isActive ? ITypo.P_SB_18 : ITypo.NAV_HEADER_18}>{this.props.text}</Typography>
 					</div>
 					{this.props.isActive && <div className={classes["underline"]} />}
 				</Link>
 			);
+		} else {
+			return (
+				<div className={classNames(classes["root"], classes["desactivated"])}>
+					<div className={classes["content"]}>
+						<Typography typo={ITypo.NAV_HEADER_18}>{this.props.text}</Typography>
+					</div>
+				</div>
+			);
+		}
 	}
 }
 
 export default function HeaderLink(props: IPropsClass) {
 	const [url, setUrl] = useState("");
 	useEffect(() => setUrl(router?.asPath), []);
-	const isActive = url === props.path;
+	const isActive = url.includes(props.path!);
 	return <HeaderLinkClass {...props} isActive={isActive} />;
 }

src/front/Components/DesignSystem/Header/Navigation/index.tsx

@@ -10,7 +10,6 @@ export default class Navigation extends React.Component<IProps, IState> {
 	public override render(): JSX.Element {
 		return (
 			<div className={classes["root"]}>
-				<HeaderLink text={"Home"} path={"/"} />
 				<HeaderLink text={"Dossiers en cours"} path={"/folder"} />
 				<HeaderLink text={"Dossiers archivés"} path={""} isActive={false} />
 			</div>

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

@@ -1,4 +1,5 @@
 import "reflect-metadata";
+
 import ChevronIcon from "@Assets/Icons/chevron.svg";
 import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
 import FolderBoxInformation from "@Front/Components/DesignSystem/FolderBoxInformation";
@@ -14,7 +15,6 @@ import BasePage from "../../Base";
 import classes from "./classes.module.scss";
 import ClientSection from "./ClientSection";
 
-
 type IPropsClass = {
 	selectedFolderUid: string;
 };