From d81edc352583641bb0b85bc86d14b9f3c0fb72e6 Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Thu, 27 Apr 2023 12:31:03 +0200
Subject: [PATCH] :bug: Autofill folder description update

---
 .../Form/Elements/InputField/index.tsx        |  1 +
 .../Folder/UpdateFolderDescription/index.tsx  | 14 +++++-----
 .../Folder/UpdateFolderMetadata/index.tsx     | 26 ++++++++++++-------
 3 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/front/Components/DesignSystem/Form/Elements/InputField/index.tsx b/src/front/Components/DesignSystem/Form/Elements/InputField/index.tsx
index d30dac43..4511802a 100644
--- a/src/front/Components/DesignSystem/Form/Elements/InputField/index.tsx
+++ b/src/front/Components/DesignSystem/Form/Elements/InputField/index.tsx
@@ -46,6 +46,7 @@ export default class InputField extends BaseField<IProps> {
 							className={
 								this.props.className ? [classes["textarea"], classes[this.props.className]].join(" ") : classes["textarea"]
 							}
+							value={value}
 						/>
 						<div className={classes["fake-placeholder"]}>{this.props.fakeplaceholder}</div>
 					</div>
diff --git a/src/front/Components/Layouts/Folder/UpdateFolderDescription/index.tsx b/src/front/Components/Layouts/Folder/UpdateFolderDescription/index.tsx
index 3416e816..54568d25 100644
--- a/src/front/Components/Layouts/Folder/UpdateFolderDescription/index.tsx
+++ b/src/front/Components/Layouts/Folder/UpdateFolderDescription/index.tsx
@@ -3,16 +3,17 @@ import Form from "@Front/Components/DesignSystem/Form";
 import InputField from "@Front/Components/DesignSystem/Form/Elements/InputField";
 import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
 import BackArrow from "@Front/Components/Elements/BackArrow";
+import { folders } from "@Front/Components/Layouts/DesignSystem/dummyData";
 import DefaultNotaryDashboard, { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
+import Module from "@Front/Config/Module";
+import Link from "next/link";
 import { useRouter } from "next/router";
 
 import BasePage from "../../Base";
 import classes from "./classes.module.scss";
-import Link from "next/link";
-import Module from "@Front/Config/Module";
 
 type IProps = {
-	selectedFolderUid: string;
+	folder: IDashBoardFolder | null;
 };
 type IState = {
 	selectedFolder: IDashBoardFolder | null;
@@ -28,7 +29,7 @@ class UpdateFolderDescriptionClass extends BasePage<IProps, IState> {
 	public override render(): JSX.Element {
 		const backwardPath = Module.getInstance()
 			.get()
-			.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.props.selectedFolderUid);
+			.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.props.folder?.uid ?? "");
 		return (
 			<DefaultNotaryDashboard title={"Ajouter client(s)"} onSelectedFolder={this.onSelectedFolder}>
 				<div className={classes["root"]}>
@@ -39,7 +40,7 @@ class UpdateFolderDescriptionClass extends BasePage<IProps, IState> {
 
 					<Form className={classes["form"]}>
 						<div className={classes["content"]}>
-							<InputField name="input field" fakeplaceholder="Note du dossier" textarea />
+							<InputField name="input field" fakeplaceholder="Note du dossier" textarea defaultValue={this.props.folder?.description ?? ""} />
 						</div>
 
 						<div className={classes["button-container"]}>
@@ -63,5 +64,6 @@ export default function UpdateFolderDescription() {
 	const router = useRouter();
 	let { folderUid } = router.query;
 	folderUid = folderUid as string;
-	return <UpdateFolderDescriptionClass selectedFolderUid={folderUid} />;
+	const folder = folders.find((folder) => folder.uid === folderUid) ?? null;
+	return <UpdateFolderDescriptionClass folder={folder} />;
 }
diff --git a/src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx b/src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx
index a3f15ebb..f1ac54ad 100644
--- a/src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx
+++ b/src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx
@@ -4,17 +4,17 @@ import InputField from "@Front/Components/DesignSystem/Form/Elements/InputField"
 import Select, { IOption } from "@Front/Components/DesignSystem/Select";
 import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
 import BackArrow from "@Front/Components/Elements/BackArrow";
-import DefaultNotaryDashboard, { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
-import { useRouter } from "next/router";
 import { folders } from "@Front/Components/Layouts/DesignSystem/dummyData";
+import DefaultNotaryDashboard, { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
+import Module from "@Front/Config/Module";
+import Link from "next/link";
+import { useRouter } from "next/router";
+
 import BasePage from "../../Base";
 import classes from "./classes.module.scss";
-import Link from "next/link";
-import Module from "@Front/Config/Module";
-import { OfficeFolder } from "le-coffre-resources/dist/Notary";
 
 type IProps = {
-	folder: OfficeFolder | null;
+	folder: IDashBoardFolder | null;
 };
 type IState = {
 	selectedFolder: IDashBoardFolder | null;
@@ -48,15 +48,23 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
 
 					<Form className={classes["form"]}>
 						<div className={classes["content"]}>
-							<InputField name="input field" fakeplaceholder="Intitulé du dossier" defaultValue={this.props.folder?.name}/>
-							<InputField name="input field" fakeplaceholder="Numéro de dossier"  defaultValue={this.props.folder?.folder_number}/>
+							<InputField name="input field" fakeplaceholder="Intitulé du dossier" defaultValue={this.props.folder?.name} />
+							<InputField
+								name="input field"
+								fakeplaceholder="Numéro de dossier"
+								defaultValue={this.props.folder?.folder_number}
+							/>
 							<Select
 								options={selectOptions}
 								onChange={this.onSelectedOption}
 								placeholder={"Type d’acte"}
 								selectedOption={this.state.selectedOption}
 							/>
-							<InputField name="input field" fakeplaceholder="Ouverture du dossier"  defaultValue={formatDate(this.props.folder?.created_at!)}/>
+							<InputField
+								name="input field"
+								fakeplaceholder="Ouverture du dossier"
+								defaultValue={formatDate(this.props.folder?.created_at!)}
+							/>
 						</div>
 
 						<div className={classes["button-container"]}>