wip on customer section

.gitignore

@@ -11,6 +11,7 @@
 # next.js
 /.next/
 /out/
+dist/
 
 # production
 /build

package.json

@@ -3,7 +3,7 @@
 	"version": "0.1.0",
 	"private": true,
 	"scripts": {
-		"dev": "next dev",
+		"dev": "next build && next dev",
 		"build": "next build",
 		"start": "next start",
 		"lint": "next lint",

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

@@ -68,11 +68,7 @@ export default class UserFolder extends React.Component<IProps, IState> {
 				</Confirm>
 
 				<div className={classes["header"]} onClick={this.toggleOpen}>
-					<UserFolderHeader
-						customer={this.props.customer}
-						folder={this.props.folder}
-						isArchived={this.props.isArchived}
-					/>
+					<UserFolderHeader customer={this.props.customer} folder={this.props.folder} isArchived={this.props.isArchived} />
 					<Image
 						src={ChevronIcon}
 						alt="chevron open close"
@@ -123,17 +119,16 @@ export default class UserFolder extends React.Component<IProps, IState> {
 
 	public override componentDidUpdate(prevProps: IProps): void {
 		this.rootRefElement.current?.style.setProperty("--animation-delay", this.props.animationDelay!.toString().concat("ms"));
-		
-		if(prevProps.isOpened !== this.props.isOpened) {
-			if(this.props.isOpened) {
+
+		if (prevProps.isOpened !== this.props.isOpened) {
+			if (this.props.isOpened) {
 				this.openComponent();
-			}else{
+			} else {
 				this.closeComponent();
 			}
-		}	
+		}
 	}
 
-
 	private calculateDocumentsPercentageProgress(): number {
 		if (!this.props.customer.documents) return 0;
 		const totalDocuments: number = this.props.customer.documents.length;
@@ -174,7 +169,7 @@ export default class UserFolder extends React.Component<IProps, IState> {
 	}
 
 	private openComponent(): void {
-		this.props.onOpen(this.props.folder.uid!);
+		this.props.onOpen(this.props.customer.uid!);
 	}
 
 	private closeComponent(): void {

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

@@ -61,15 +61,16 @@ export default class ClientSection extends React.Component<IProps, IState> {
 	}
 
 	private renderCustomerFolders() {
-		const output = this.props.folder.office_folder_has_customers?.map((folderHasCustomer, index) => {
+		const output = this.props.folder.office_folder_has_customers?.map((folderHasCustomer) => {
 			if (!folderHasCustomer.customer) return null;
+			console.log();
 			// 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={this.props.folder.uid}
-					isOpened={this.state.openedCustomer === this.props.folder.uid}
+					key={folderHasCustomer.customer.uid}
+					isOpened={this.state.openedCustomer === folderHasCustomer.customer.uid}
 					onOpen={this.selectUserFolder}
 					onClose={this.closeUserFolder}
 				/>
@@ -78,7 +79,6 @@ export default class ClientSection extends React.Component<IProps, IState> {
 		return output ?? null;
 	}
 
-
 	private closeUserFolder() {
 		this.setState({
 			openedCustomer: "",
@@ -90,7 +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;