✨ Replacing ' char

src/front/Components/DesignSystem/Header/Notifications/NotificationModal/index.tsx

@@ -43,7 +43,7 @@ export default class NotificationModal extends React.Component<IProps, IState> {
 							{Toasts.getInstance().toasts.length === 0 ? (
 								<div className={classes["missing-notification"]}>
 									<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
-										Vous n’avez pas de notifications.
+										Vous n'avez pas de notifications.
 									</Typography>
 								</div>
 							) : (

src/front/Components/Layouts/DesignSystem/index.tsx

@@ -24,7 +24,6 @@ import Toasts, { IToast } from "@Front/Stores/Toasts";
 import classes from "./classes.module.scss";
 import { customer2, document, documentDeposited, documentPending, folder, folders, folderWithPendingDocument } from "./dummyData";
 
-
 type IState = {
 	isModalDisplayed: boolean;
 	selectedOption?: IOption;
@@ -203,7 +202,7 @@ export default class DesignSystem extends BasePage<IProps, IState> {
 								<Select
 									options={selectOptions}
 									onChange={this.onSelectedOption}
-									placeholder={"Type d’acte"}
+									placeholder={"Type d'acte"}
 									selectedOption={this.state.selectedOption}
 								/>
 							</div>

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

@@ -86,7 +86,7 @@ export default class CreateFolder extends BasePage<IProps, IState> {
 								onChange={this.onFolderNumberChange}
 							/>
 							<InputField name="entitled" fakeplaceholder="Intitulé" onChange={this.onEntitleChange} />
-							<Select options={this.actsOptions} placeholder={"Type d’acte"} onChange={this.onActTypeChange} />
+							<Select options={this.actsOptions} placeholder={"Type d'acte"} onChange={this.onActTypeChange} />
 							<InputField
 								name="personal_note"
 								fakeplaceholder="Note du dossier"

src/front/Components/Layouts/Folder/FolderInformation/ClientSection/index.tsx

@@ -33,7 +33,7 @@ export default class ClientSection extends React.Component<IProps, IState> {
 					<div className={classes["no-client"]}>
 						<div className={classes["title"]}>
 							<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>
-								Aucun client n’est associé au dossier.
+								Aucun client n'est associé au dossier.
 							</Typography>
 						</div>
 						<Link href={navigatePath}>

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

@@ -54,7 +54,7 @@ class UpdateFolderCollaboratorsClass extends BasePage<IPropsClass, IState> {
 					<Form className={classes["form"]}>
 						<div className={classes["content"]}>
 							<RadioBox name="office" value={ERadioBoxValue.ALL} defaultChecked onChange={this.onSelectedOptionAllOffice}>
-								Tout l’office
+								Tout l'office
 							</RadioBox>
 							<RadioBox name="office" value={ERadioBoxValue.SELECTION} onChange={this.onSelectedOptionSpecific}>
 								Sélectionner des collaborateurs

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

@@ -1,33 +1,40 @@
+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 { folders } from "@Front/Components/Layouts/DesignSystem/dummyData";
 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 BasePage from "../../Base";
 import classes from "./classes.module.scss";
 
-type IProps = {
+import "reflect-metadata";
-	folder: IDashBoardFolder | null;
+
+type IProps = {};
+
+type IPropsClass = IProps & {
+	folderUid: string;
 };
+
 type IState = {
 	selectedFolder: IDashBoardFolder | null;
 	selectedOption?: IOption;
 };
-class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
+class UpdateFolderMetadataClass extends BasePage<IPropsClass, IState> {
-	constructor(props: IProps) {
+	constructor(props: IPropsClass) {
 		super(props);
 		this.state = {
 			selectedFolder: null,
 		};
 		this.onSelectedFolder = this.onSelectedFolder.bind(this);
 		this.onSelectedOption = this.onSelectedOption.bind(this);
+		this.getFolder = this.getFolder.bind(this);
 	}
 	public override render(): JSX.Element {
 		const selectOptions = [
@@ -37,7 +44,7 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
 		];
 		const backwardPath = Module.getInstance()
 			.get()
-			.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.props.folder?.uid!);
+			.modules.pages.Folder.pages.FolderInformation.props.path.replace("[folderUid]", this.state.selectedFolder?.uid!);
 		return (
 			<DefaultNotaryDashboard title={"Ajouter client(s)"} onSelectedFolder={this.onSelectedFolder}>
 				<div className={classes["root"]}>
@@ -48,23 +55,24 @@ 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="Intitulé du dossier" defaultValue={this.state.selectedFolder?.name} />
 							<InputField
 								name="input field"
 								fakeplaceholder="Numéro de dossier"
-								defaultValue={this.props.folder?.folder_number}
+								defaultValue={this.state.selectedFolder?.folder_number}
 							/>
 							<Select
 								options={selectOptions}
 								onChange={this.onSelectedOption}
-								placeholder={"Type d’acte"}
+								placeholder={"Type d'acte"}
 								selectedOption={this.state.selectedOption}
 							/>
-							<InputField
+							{/* <InputField
 								name="input field"
+								type="date"
 								fakeplaceholder="Ouverture du dossier"
-								defaultValue={formatDate(this.props.folder?.created_at!)}
+								defaultValue={this.state.selectedFolder?.created_at?.toString() as string}
-							/>
+							/> */}
 						</div>
 
 						<div className={classes["button-container"]}>
@@ -79,13 +87,27 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
 		);
 	}
 
-	public override componentDidMount(): void {
+	public override async componentDidMount() {
+		const folder = await this.getFolder();
 		this.setState({
+			selectedFolder: folder,
 			selectedOption: {
-				label: this.props.folder?.deed.deed_type?.name ?? "",
+				label: folder?.deed.deed_type?.name ?? "",
-				value: this.props.folder?.deed.deed_type?.uid ?? "",
+				value: folder?.deed.deed_type?.uid ?? "",
 			},
-		});
+		})
+	}
+
+	private async getFolder(): Promise<OfficeFolder> {
+		const query = {
+			q: {
+				deed: { include: { deed_type: true } },
+				office: true,
+				office_folder_has_customers: { include: { customer: { include: { contact: true } } } },
+			},
+		};
+		const folder = await Folders.getInstance().getByUid(this.props.folderUid, query);
+		return folder;
 	}
 
 	private onSelectedOption(option: IOption) {
@@ -99,19 +121,9 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
 	}
 }
 
-export default function UpdateFolderMetadata() {
+export default function UpdateFolderMetadata(props: IProps) {
 	const router = useRouter();
 	let { folderUid } = router.query;
 	folderUid = folderUid as string;
-	const folder = folders.find((folder) => folder.uid === folderUid) ?? null;
+	return <UpdateFolderMetadataClass folderUid={folderUid} />;
-	return <UpdateFolderMetadataClass folder={folder} />;
-}
-
-function formatDate(date: Date | null): string {
-	if (!date) return "...";
-	return date.toLocaleDateString("fr-FR", {
-		year: "numeric",
-		month: "long",
-		day: "numeric",
-	});
 }

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

@@ -52,7 +52,7 @@ class UpdateFolderMetadataClass extends BasePage<IProps, IState> {
 							<Select
 								options={selectOptions}
 								onChange={this.onSelectedOption}
-								placeholder={"Type d’acte"}
+								placeholder={"Type d'acte"}
 								selectedOption={this.state.selectedOption}
 							/>
 							<InputField name="input field" fakeplaceholder="Ouverture du dossier" />

src/front/Components/Layouts/Login/index.tsx

@@ -17,11 +17,11 @@ export default class LoginClass extends BasePage {
 					<Typography typo={ITypo.H1}>
 						<div className={classes["title"]}>Connexion espace professionnel</div>
 					</Typography>
-					<Button onClick={this.redirectUserOnConnection}>S’identifier avec ID.not</Button>
+					<Button onClick={this.redirectUserOnConnection}>S'identifier avec ID.not</Button>
 					<Typography typo={ITypo.P_18}>
-						<div className={classes["forget-password"]}>Vous n’arrivez pas à vous connecter ?</div>
+						<div className={classes["forget-password"]}>Vous n'arrivez pas à vous connecter ?</div>
 					</Typography>
-					<Button variant={EButtonVariant.LINE}>Contacter l’administrateur</Button>
+					<Button variant={EButtonVariant.LINE}>Contacter l'administrateur</Button>
 				</div>
 			</DefaultDoubleSidePage>
 		);

src/front/Components/Layouts/LoginCallback/index.tsx

@@ -32,11 +32,11 @@ type IPropsClass = {};
 //           <Loader />
 //           <Typography typo={ITypo.P_18}>
 //             <div className={classes["forget-password"]}>
-//               Vous n’arrivez pas à vous connecter ?
+//               Vous n'arrivez pas à vous connecter ?
 //             </div>
 //           </Typography>
 //           <Button variant={EButtonVariant.LINE}>
-//             Contacter l’administrateur
+//             Contacter l'administrateur
 //           </Button>
 //         </div>
 //       </DefaultDoubleSidePage>