From 4d4d73bad6cdf65a5273bad84549757ea7e4ce5a Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Thu, 21 Sep 2023 16:17:55 +0200
Subject: [PATCH] :sparkles: Return button on documents

---
 .../DocumentTypesInformations/classes.module.scss    | 12 ++++++++++++
 .../DocumentTypesInformations/index.tsx              | 12 ++++++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/front/Components/Layouts/DocumentTypes/DocumentTypesInformations/classes.module.scss b/src/front/Components/Layouts/DocumentTypes/DocumentTypesInformations/classes.module.scss
index c471a213..7aeed370 100644
--- a/src/front/Components/Layouts/DocumentTypes/DocumentTypesInformations/classes.module.scss
+++ b/src/front/Components/Layouts/DocumentTypes/DocumentTypesInformations/classes.module.scss
@@ -1,6 +1,18 @@
 @import "@Themes/constants.scss";
 
 .root {
+	.header {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+
+		@media (max-width: $screen-l) {
+			flex-direction: column;
+			align-items: flex-start;
+			gap: 24px;
+		}
+	}
+
 	.document-infos {
 		display: flex;
 		align-items: flex-start;
diff --git a/src/front/Components/Layouts/DocumentTypes/DocumentTypesInformations/index.tsx b/src/front/Components/Layouts/DocumentTypes/DocumentTypesInformations/index.tsx
index f07303e6..82242224 100644
--- a/src/front/Components/Layouts/DocumentTypes/DocumentTypesInformations/index.tsx
+++ b/src/front/Components/Layouts/DocumentTypes/DocumentTypesInformations/index.tsx
@@ -1,3 +1,4 @@
+import ChevronIcon from "@Assets/Icons/chevron.svg";
 import PenICon from "@Assets/Icons/pen.svg";
 import DocumentTypes from "@Front/Api/LeCoffreApi/Notary/DocumentTypes/DocumentTypes";
 import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography";
@@ -10,6 +11,7 @@ import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
 
 import classes from "./classes.module.scss";
+import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
 
 export default function DocumentTypesInformations() {
 	const router = useRouter();
@@ -33,8 +35,14 @@ export default function DocumentTypesInformations() {
 	return (
 		<DefaultDocumentTypesDashboard mobileBackText={"Liste des collaborateurs"}>
 			<div className={classes["root"]}>
-				<div className={classes["folder-header"]}>
-					<Typography typo={ITypo.H1Bis}>Paramétrage des documents</Typography>
+				<div className={classes["header"]}>
+					<Typography typo={ITypo.H1Bis}>Paramétrage des listes de pièces</Typography>
+					<Link href={Module.getInstance().get().modules.pages.DeedTypes.props.path}>
+						<Button variant={EButtonVariant.LINE}>
+							Retour au paramétrage des types d'actes
+							<Image src={ChevronIcon} alt="Chevron" />
+						</Button>
+					</Link>
 				</div>
 				<div className={classes["document-infos"]}>
 					<div className={classes["left"]}>