🐛 Fixing build

src/front/Components/Layouts/DesignSystem/dummyData.ts

@@ -84,7 +84,7 @@ export const docType: DocumentType = {
 	public_description: "Acte de naissance public description",
 	private_description: "Acte de naissance private description",
 	archived_at: new Date(),
-	// office: office,
+	office: office,
 };
 
 export const identityDocType: DocumentType = {
@@ -95,7 +95,7 @@ export const identityDocType: DocumentType = {
 	public_description: "Carte d'identité public description",
 	private_description: "Carte d'identité private description",
 	archived_at: new Date(),
-	// office: office,
+	office: office,
 };
 
 export const customer: Customer = {

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

@@ -239,7 +239,7 @@ export default class DesignSystem extends BasePage<IProps, IState> {
 							<Typography typo={ITypo.H3}>Notary Documents</Typography>
 						</div>
 						<div className={classes["sub-section"]}>
-							<UserFolder customer={customer2} folder={folder} />
+							<UserFolder customer={customer2} folder={folder} isOpened={true} onClose={() => {return}} onOpen={() => {return}}/>
 						</div>
 					</div>
 

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

@@ -137,12 +137,11 @@ class CreateFolderClass extends BasePage<IPropsClass, IState> {
 		const deedTypes = await DeedTypes.getInstance().get({ q: {} });
 
 		// TODO SETUP userStore and get the user's office membership -> Replace IwJ70M471c by the user's office membership uid
-		const usersMock = await Users.getInstance().get({ q: { include: { office_membership: true } } });
+		const usersMock = await Users.getInstance().get( { include: { office_membership: true } });
 		const userMock = usersMock[0];
 		// -------------------
-		const collaborators = await Users.getInstance().get({
-			q: { where: { office_membership: { uid: userMock?.office_membership.uid } }, include: { contact: true } },
-		});
+		const collaborators = await Users.getInstance().get( { where: { office_membership: { uid: userMock?.office_membership.uid } }, include: { contact: true } },
+		);
 		this.setState({
 			deedTypes,
 			deedTypesOptions: this.mapDeedOptions(deedTypes),
@@ -223,7 +222,7 @@ class CreateFolderClass extends BasePage<IPropsClass, IState> {
 		/**
 		 * MOCK DATA
 		 */
-		const usersMock = await Users.getInstance().get({ q: { include: { office_membership: true } } });
+		const usersMock = await Users.getInstance().get( { include: { office_membership: true }});
 		const userMock = usersMock[0];
 		// -----
 		if (!selectedDeedTypeUid) return;

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

@@ -90,6 +90,7 @@ export default class ClientSection extends React.Component<IProps, IState> {
 			openedCustomer: index,
 		});
 	}
+	
 	private doesFolderHaveCustomer(): boolean {
 		if (!this.props.folder?.office_folder_has_customers) return false;
 		return this.props.folder?.office_folder_has_customers!.length > 0;

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

@@ -7,9 +7,21 @@ import UserFolder from "@Front/Components/DesignSystem/UserFolder";
 type IProps = {
 	folder: IDashBoardFolder;
 };
-type IState = {};
+type IState = {
+	openedCustomer: string;
+};
 
 export default class ClientSection extends React.Component<IProps, IState> {
+	public constructor(props: IProps) {
+		super(props);
+		this.state = {
+			openedCustomer: "",
+		};
+
+		this.selectUserFolder = this.selectUserFolder.bind(this);
+		this.closeUserFolder = this.closeUserFolder.bind(this);
+	}
+	
 	public override render(): JSX.Element {
 		return (
 			<div className={classes["root"]}>
@@ -29,14 +41,35 @@ export default class ClientSection extends React.Component<IProps, IState> {
 	}
 
 	private renderCustomerFolders() {
-		const output = this.props.folder.office_folder_has_customers?.map((folderHasCustomer, key) => {
+		const output = this.props.folder.office_folder_has_customers?.map((folderHasCustomer) => {
 			if (!folderHasCustomer.customer) return null;
 			// TODO : Les documents ASKED fonctionne mais les autres documents ne doivcent etre seulement ceux qui correspondent au folder
-			return <UserFolder folder={this.props.folder} customer={folderHasCustomer.customer} key={key} isArchived />;
+			return (
+				<UserFolder
+					folder={this.props.folder}
+					customer={folderHasCustomer.customer}
+					key={this.props.folder.uid}
+					isOpened={this.state.openedCustomer === this.props.folder.uid}
+					onOpen={this.selectUserFolder}
+					onClose={this.closeUserFolder}
+				/>
+			);
 		});
 		return output ?? null;
 	}
 
+	private closeUserFolder() {
+		this.setState({
+			openedCustomer: "",
+		});
+	}
+
+	private selectUserFolder(index: string) {
+		this.setState({
+			openedCustomer: index,
+		});
+	}
+
 	private doesFolderHaveCustomer(): boolean {
 		return this.props.folder.office_folder_has_customers !== undefined;
 	}