4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

🐛 Autofill folder update

Browse Source
This commit is contained in:
Maxime Lalo 2023-04-27 12:28:35 +02:00
parent af66c5bcae
commit dbc1ba00dd
1 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/front/Components/Layouts/Folder/UpdateFolderMetadata/index.tsx
View File

@ -6,14 +6,15 @@ 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 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 = {
selectedFolderUid: string;
folder: OfficeFolder | null;
};
type IState = {
selectedFolder: IDashBoardFolder | null;
@ -36,7 +37,7 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
];
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"]}>
@ -47,15 +48,15 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
<Form className={classes["form"]}>
<div className={classes["content"]}>
<InputField name="input field" fakeplaceholder="Intitulé du dossier" />
<InputField name="input field" fakeplaceholder="Numéro de dossier" />
<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" />
<InputField name="input field" fakeplaceholder="Ouverture du dossier" defaultValue={formatDate(this.props.folder?.created_at!)}/>
</div>
<div className={classes["button-container"]}>
@ -70,6 +71,15 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
);
}
public override componentDidMount(): void {
this.setState({
selectedOption: {
label: this.props.folder?.deed.deed_type?.name ?? "",
value: this.props.folder?.deed.deed_type?.uid ?? "",
},
});
}
private onSelectedOption(option: IOption) {
this.setState({
selectedOption: option,
@ -85,5 +95,15 @@ export default function UpdateFolderMetadata() {
const router = useRouter();
let { folderUid } = router.query;
folderUid = folderUid as string;
return <UpdateFolderMetadataClass selectedFolderUid={folderUid} />;
const folder = folders.find((folder) => folder.uid === folderUid) ?? null;
return <UpdateFolderMetadataClass folder={folder} />;
}
function formatDate(date: Date | null): string {
if (!date) return "...";
return date.toLocaleDateString("fr-FR", {
year: "numeric",
month: "long",
day: "numeric",
});
}