✨ Edit folder working

src/front/Api/LeCoffreApi/SuperAdmin/Folders/Folders.ts

@@ -2,6 +2,7 @@ import { Service } from "typedi";
 import { OfficeFolder } from "le-coffre-resources/dist/Notary";
 import BaseSuperAdmin from "../BaseSuperAdmin";
 import { EFolderStatus } from "le-coffre-resources/dist/Customer/OfficeFolder";
+import { IDashBoardFolder } from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
 
 // TODO Type get query params -> Where + inclue + orderby
 export interface IGetFoldersParams {
@@ -68,11 +69,11 @@ export default class Folders extends BaseSuperAdmin {
 	/**
 	 * @description : Get a folder by uid
 	 */
-	public async getByUid(uid: string, q?: any): Promise<OfficeFolder> {
+	public async getByUid(uid: string, q?: any): Promise<IDashBoardFolder> {
 		const url = new URL(this.baseURl.concat(`/${uid}`));
 		if (q) Object.entries(q).forEach(([key, value]) => url.searchParams.set(key, JSON.stringify(value)));
 		try {
-			return await this.getRequest<OfficeFolder>(url);
+			return await this.getRequest<IDashBoardFolder>(url);
 		} catch (err) {
 			this.onError(err);
 			return Promise.reject(err);

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

@@ -1,30 +1,29 @@
+import "reflect-metadata";
+
 import Folders from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
 import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
 import Form from "@Front/Components/DesignSystem/Form";
 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 Module from "@Front/Config/Module";
-import { OfficeFolder } from "le-coffre-resources/dist/Notary";
 import Link from "next/link";
-import { useRouter } from "next/router";
+import { NextRouter, useRouter } from "next/router";
 
 import BasePage from "../../Base";
 import classes from "./classes.module.scss";
 
-import "reflect-metadata";
 
 type IProps = {};
 
 type IPropsClass = IProps & {
 	folderUid: string;
+	router: NextRouter;
 };
 
 type IState = {
 	selectedFolder: IDashBoardFolder | null;
-	selectedOption?: IOption;
 };
 class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
 	constructor(props: IPropsClass) {
@@ -33,15 +32,10 @@ class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
 			selectedFolder: null,
 		};
 		this.onSelectedFolder = this.onSelectedFolder.bind(this);
-		this.onSelectedOption = this.onSelectedOption.bind(this);
 		this.getFolder = this.getFolder.bind(this);
+		this.onFormSubmit = this.onFormSubmit.bind(this);
 	}
 	public override render(): JSX.Element {
-		const selectOptions = [
-			{ value: "adazzdsqaad", label: "Acte de mariage" },
-			{ value: "adazzqsdaad", label: "Vente immobilière" },
-			{ value: "adazzqsdaad", label: "Acte de divorce" },
-		];
 		const backwardPath = Module.getInstance()
 			.get()
 			.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.state.selectedFolder?.uid!);
@@ -53,26 +47,14 @@ class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
 					</div>
 					<Typography typo={ITypo.H1Bis}>Modifier les informations du dossier</Typography>
 
-					<Form className={classes["form"]}>
+					<Form className={classes["form"]} onSubmit={this.onFormSubmit}>
 						<div className={classes["content"]}>
-							<InputField name="input field" fakeplaceholder="Intitulé du dossier" defaultValue={this.state.selectedFolder?.name} />
+							<InputField name="name" fakeplaceholder="Intitulé du dossier" defaultValue={this.state.selectedFolder?.name} />
 							<InputField
-								name="input field"
+								name="folder_number"
 								fakeplaceholder="Numéro de dossier"
 								defaultValue={this.state.selectedFolder?.folder_number}
 							/>
-							<Select
-								options={selectOptions}
-								onChange={this.onSelectedOption}
-								placeholder={"Type d'acte"}
-								selectedOption={this.state.selectedOption}
-							/>
-							{/* <InputField
-								name="input field"
-								type="date"
-								fakeplaceholder="Ouverture du dossier"
-								defaultValue={this.state.selectedFolder?.created_at?.toString() as string}
-							/> */}
 						</div>
 
 						<div className={classes["button-container"]}>
@@ -91,14 +73,25 @@ class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
 		const folder = await this.getFolder();
 		this.setState({
 			selectedFolder: folder,
-			selectedOption: {
-				label: folder?.deed.deed_type?.name ?? "",
-				value: folder?.deed.deed_type?.uid ?? "",
-			},
 		})
 	}
 
-	private async getFolder(): Promise<OfficeFolder> {
+	private async onFormSubmit(
+		e: React.FormEvent<HTMLFormElement> | null,
+		values: {
+			[key: string]: string;
+		}
+	) {
+		try{
+			await Folders.getInstance().put(this.props.folderUid, values);
+			const url = Module.getInstance().get().modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.props.folderUid);
+			this.props.router.push(url);
+		}catch(e){
+			console.error(e)
+		}
+	}
+
+	private async getFolder(): Promise<IDashBoardFolder> {
 		const query = {
 			q: {
 				deed: { include: { deed_type: true } },
@@ -110,12 +103,6 @@ class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
 		return folder;
 	}
 
-	private onSelectedOption(option: IOption) {
-		this.setState({
-			selectedOption: option,
-		});
-	}
-
 	private onSelectedFolder(folder: IDashBoardFolder): void {
 		this.setState({ selectedFolder: folder });
 	}
@@ -125,5 +112,5 @@ export default function UpdateFolderMetadata(props: IProps) {
 	const router = useRouter();
 	let { folderUid } = router.query;
 	folderUid = folderUid as string;
-	return <UpdateFolderMetadataClass folderUid={folderUid} />;
+	return <UpdateFolderMetadataClass folderUid={folderUid} router={router}/>;
 }