🐛 Fixing refresh on delete asked document

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

@@ -26,6 +26,7 @@ type IProps = {
 	isOpened: boolean;
 	onChange: (id: string) => void;
 	anchorStatus: AnchorStatus;
+	getFolderCallback: () => Promise<void>;
 };
 type IState = {
 	isOpenDeletionModal: boolean;
@@ -145,7 +146,7 @@ export default class UserFolder extends React.Component<IProps, IState> {
 	private async deleteAskedDocument() {
 		try {
 			await Documents.getInstance().delete(this.state.selectedDocumentToDelete);
-			window.location.reload();
+			await this.props.getFolderCallback();
 		} catch (e) {
 			console.error(e);
 		}

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

@@ -13,6 +13,7 @@ import { AnchorStatus } from "..";
 type IProps = {
 	folder: OfficeFolder;
 	anchorStatus: AnchorStatus;
+	getFolderCallback: () => Promise<void>;
 };
 type IState = {
 	openedCustomer: string;
@@ -76,6 +77,7 @@ export default class ClientSection extends React.Component<IProps, IState> {
 					isOpened={this.state.openedCustomer === customer.uid}
 					onChange={this.changeUserFolder}
 					anchorStatus={this.props.anchorStatus}
+					getFolderCallback={this.props.getFolderCallback}
 				/>
 			);
 		});

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

@@ -37,6 +37,7 @@ type IPropsClass = IProps & {
 	isLoading: boolean;
 	selectedFolder: OfficeFolder | null;
 	getAnchoringStatus: () => Promise<void>;
+	getFolderCallback: () => Promise<void>;
 };
 
 type IState = {
@@ -115,12 +116,20 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 										/>
 									</div>
 									{this.doesFolderHaveCustomer() && (
-										<ClientSection folder={this.props.selectedFolder} anchorStatus={this.props.isAnchored} />
+										<ClientSection
+											folder={this.props.selectedFolder}
+											anchorStatus={this.props.isAnchored}
+											getFolderCallback={this.props.getFolderCallback}
+										/>
 									)}
 								</div>
 
 								{!this.doesFolderHaveCustomer() && (
-									<ClientSection folder={this.props.selectedFolder} anchorStatus={this.props.isAnchored} />
+									<ClientSection
+										folder={this.props.selectedFolder}
+										anchorStatus={this.props.isAnchored}
+										getFolderCallback={this.props.getFolderCallback}
+									/>
 								)}
 
 								<div className={classes["button-container"]}>
@@ -471,6 +480,7 @@ export default function FolderInformation(props: IProps) {
 			isLoading={isLoading}
 			selectedFolder={selectedFolder}
 			getAnchoringStatus={getAnchoringStatus}
+			getFolderCallback={getFolder}
 		/>
 	);
 }

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

@@ -8,6 +8,7 @@ import { AnchorStatus } from "@Front/Components/Layouts/Folder/FolderInformation
 type IProps = {
 	folder: OfficeFolder;
 	anchorStatus: AnchorStatus;
+	getFolderCallback: () => Promise<void>;
 };
 type IState = {
 	openedCustomer: string;
@@ -53,6 +54,7 @@ export default class ClientSection extends React.Component<IProps, IState> {
 					onChange={this.changeUserFolder}
 					anchorStatus={this.props.anchorStatus}
 					isArchived
+					getFolderCallback={this.props.getFolderCallback}
 				/>
 			);
 		});

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

@@ -26,6 +26,7 @@ type IPropsClass = IProps & {
 	isLoading: boolean;
 	selectedFolder: OfficeFolder | null;
 	isAnchored: AnchorStatus;
+	getFolderCallback: () => Promise<void>;
 };
 
 type IState = {
@@ -94,10 +95,22 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 									<div className={classes["progress-bar"]}>
 										<QuantityProgressBar title="Complétion du dossier" total={100} currentNumber={0} />
 									</div>
-								{this.doesFolderHaveCustomer() && <ClientSection folder={this.state.selectedFolder} anchorStatus={this.props.isAnchored} />}
+									{this.doesFolderHaveCustomer() && (
+										<ClientSection
+											folder={this.state.selectedFolder}
+											anchorStatus={this.props.isAnchored}
+											getFolderCallback={this.props.getFolderCallback}
+										/>
+									)}
 								</div>
 
-							{!this.doesFolderHaveCustomer() && <ClientSection folder={this.state.selectedFolder} anchorStatus={this.props.isAnchored} />}
+								{!this.doesFolderHaveCustomer() && (
+									<ClientSection
+										folder={this.state.selectedFolder}
+										anchorStatus={this.props.isAnchored}
+										getFolderCallback={this.props.getFolderCallback}
+									/>
+								)}
 
 								<div className={classes["button-container"]}>
 									<Button variant={EButtonVariant.GHOST} onClick={this.restoreFolder}>
@@ -237,5 +250,15 @@ export default function FolderInformation(props: IProps) {
 		getFolder();
 	}, [getFolder]);
 
-	return <FolderInformationClass {...props} selectedFolderUid={folderUid} selectedFolder={selectedFolder} router={router} isLoading={isLoading} isAnchored={isAnchored} />;
+	return (
+		<FolderInformationClass
+			{...props}
+			selectedFolderUid={folderUid}
+			selectedFolder={selectedFolder}
+			router={router}
+			isLoading={isLoading}
+			isAnchored={isAnchored}
+			getFolderCallback={getFolder}
+		/>
+	);
 }