From 72342d98d0317bcde76bef4a01748be504496cc9 Mon Sep 17 00:00:00 2001
From: Hugo Lextrait <hugo.lextrait@smart-chain.fr>
Date: Thu, 11 May 2023 17:55:23 +0200
Subject: [PATCH] :art: tooltip + folder name

---
 src/front/Components/Layouts/DesignSystem/dummyData.ts |  4 ++--
 .../Components/Layouts/Folder/ViewDocuments/index.tsx  | 10 ++++++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/front/Components/Layouts/DesignSystem/dummyData.ts b/src/front/Components/Layouts/DesignSystem/dummyData.ts
index 6007218c..449e321f 100644
--- a/src/front/Components/Layouts/DesignSystem/dummyData.ts
+++ b/src/front/Components/Layouts/DesignSystem/dummyData.ts
@@ -82,8 +82,8 @@ export const docType: DocumentType = {
 	uid: "fezezfazegezrgrezg",
 	created_at: new Date(),
 	updated_at: new Date(),
-	public_description: "Acte de naissance public description",
-	private_description: "Acte de naissance private description",
+	public_description: "",
+	private_description: "",
 	archived_at: new Date(),
 	office: office,
 };
diff --git a/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx b/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
index 68b41f2e..82d555c9 100644
--- a/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
+++ b/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
@@ -10,7 +10,7 @@ import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
 import Typography, { ITypo, ITypoColor } from "@Front/Components/DesignSystem/Typography";
 import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
 import Module from "@Front/Config/Module";
-import { Document, File } from "le-coffre-resources/dist/Customer";
+import { Document, File, OfficeFolder } from "le-coffre-resources/dist/Customer";
 import { EDocumentStatus } from "le-coffre-resources/dist/Customer/Document";
 import Image from "next/image";
 import { NextRouter, useRouter } from "next/router";
@@ -20,6 +20,8 @@ import BasePage from "../../Base";
 import classes from "./classes.module.scss";
 import OcrResult from "./OcrResult";
 import Files from "@Front/Api/LeCoffreApi/SuperAdmin/Files/Files";
+import Folder from "..";
+import Folders from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
 
 type IProps = {};
 type IPropsClass = {
@@ -37,6 +39,7 @@ type IState = {
 	selectedFile: File | null;
 	validatedPercentage: number;
 	document: Document | null;
+	folder: OfficeFolder | null;
 };
 
 class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
@@ -52,6 +55,7 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
 			selectedFile: null,
 			validatedPercentage: this.getRandomPercentageForOcr(),
 			document: null,
+			folder: null,
 		};
 
 		this.closeModals = this.closeModals.bind(this);
@@ -74,7 +78,7 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
 				{this.state.document && this.state.document.files && this.state.selectedFile && (
 					<div className={classes["root"]}>
 						<Typography typo={ITypo.H1} color={ITypoColor.BLACK} className={classes["title"]}>
-							{this.state.document.document_type?.name}
+							{this.state.folder?.name}
 						</Typography>
 						<Typography typo={ITypo.H3} color={ITypoColor.BLACK} className={classes["subtitle"]}>
 							{this.state.document.document_type?.name}
@@ -189,10 +193,12 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
 				files: true,
 				document_type: true,
 			});
+			const folder = await Folders.getInstance().getByUid(this.props.folderUid);
 			this.setState({
 				document,
 				selectedFileIndex: 0,
 				selectedFile: document.files![0]!,
+				folder,
 			});
 		} catch (e) {
 			console.error(e);