From e7a6af23be8d4a4225329a6e8b61781afbbf4a92 Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Wed, 4 Oct 2023 16:52:07 +0200
Subject: [PATCH] :sparkles: Don't allow to ask documents on an anchored folder

---
 .../DesignSystem/UserFolder/index.tsx         | 32 +++++++++++++------
 .../FolderInformation/ClientSection/index.tsx |  3 ++
 .../Folder/FolderInformation/index.tsx        | 10 ++++--
 3 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/src/front/Components/DesignSystem/UserFolder/index.tsx b/src/front/Components/DesignSystem/UserFolder/index.tsx
index 3e2ca7da..62391808 100644
--- a/src/front/Components/DesignSystem/UserFolder/index.tsx
+++ b/src/front/Components/DesignSystem/UserFolder/index.tsx
@@ -16,6 +16,7 @@ import QuantityProgressBar from "../QuantityProgressBar";
 import classes from "./classes.module.scss";
 import DocumentList from "./DocumentList";
 import UserFolderHeader from "./UserFolderHeader";
+import { AnchorStatus } from "@Front/Components/Layouts/Folder/FolderInformation";
 
 type IProps = {
 	customer: Customer;
@@ -24,6 +25,7 @@ type IProps = {
 	isArchived?: boolean;
 	isOpened: boolean;
 	onChange: (id: string) => void;
+	anchorStatus: AnchorStatus;
 };
 type IState = {
 	isOpenDeletionModal: boolean;
@@ -89,25 +91,35 @@ export default class UserFolder extends React.Component<IProps, IState> {
 							currentNumber={this.calculateDocumentsPercentageProgress()}
 						/>
 						<div className={classes["content"]}>
-							<DocumentList
-								documents={documentsAsked}
-								title="Documents demandés"
-								openDeletionModal={this.openDeletionModal}
-								folderUid={this.props.folder.uid!}
-								className={classes["documents-asked"]}
-							/>
+							{this.props.anchorStatus === AnchorStatus.NOT_ANCHORED && (
+								<DocumentList
+									documents={documentsAsked}
+									title="Documents demandés"
+									openDeletionModal={this.openDeletionModal}
+									folderUid={this.props.folder.uid!}
+									className={classes["documents-asked"]}
+								/>
+							)}
+
 							<DocumentList
 								documents={otherDocuments}
-								title="Documents à valider / validés"
+								title={
+									this.props.anchorStatus !== AnchorStatus.NOT_ANCHORED
+										? "Documents validés"
+										: "Documents à valider / validés"
+								}
 								subtitle={
 									otherDocuments && otherDocuments?.length > 0
-										? "Vous avez des documents à valider."
+										? this.props.anchorStatus !== AnchorStatus.NOT_ANCHORED
+											? ""
+											: "Vous avez des documents à valider."
 										: "Vous n'avez aucun document à valider"
 								}
 								openDeletionModal={this.openDeletionModal}
 								folderUid={this.props.folder.uid!}
 							/>
-							{!this.props.isArchived && (
+
+							{!this.props.isArchived && this.props.anchorStatus === AnchorStatus.NOT_ANCHORED && (
 								<div className={classes["button-container"]}>
 									<Link href={redirectPath}>
 										<Button variant={EButtonVariant.LINE} icon={PlusIcon}>
diff --git a/src/front/Components/Layouts/Folder/FolderInformation/ClientSection/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/ClientSection/index.tsx
index 95e24b4d..3ef81741 100644
--- a/src/front/Components/Layouts/Folder/FolderInformation/ClientSection/index.tsx
+++ b/src/front/Components/Layouts/Folder/FolderInformation/ClientSection/index.tsx
@@ -8,9 +8,11 @@ import Link from "next/link";
 import React from "react";
 
 import classes from "./classes.module.scss";
+import { AnchorStatus } from "..";
 
 type IProps = {
 	folder: OfficeFolder;
+	anchorStatus: AnchorStatus;
 };
 type IState = {
 	openedCustomer: string;
@@ -69,6 +71,7 @@ export default class ClientSection extends React.Component<IProps, IState> {
 					key={customer.uid}
 					isOpened={this.state.openedCustomer === customer.uid}
 					onChange={this.changeUserFolder}
+					anchorStatus={this.props.anchorStatus}
 				/>
 			);
 		});
diff --git a/src/front/Components/Layouts/Folder/FolderInformation/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
index 9c116b19..aa817ad9 100644
--- a/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
+++ b/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
@@ -23,7 +23,7 @@ import ClientSection from "./ClientSection";
 import CheckBox from "@Front/Components/DesignSystem/CheckBox";
 import Loader from "@Front/Components/DesignSystem/Loader";
 
-enum AnchorStatus {
+export enum AnchorStatus {
 	"VERIFIED_ON_CHAIN" = "VERIFIED_ON_CHAIN",
 	"ANCHORING" = "ANCHORING",
 	"NOT_ANCHORED" = "NOT_ANCHORED",
@@ -113,10 +113,14 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
 											currentNumber={this.getCompletionNumber()}
 										/>
 									</div>
-									{this.doesFolderHaveCustomer() && <ClientSection folder={this.props.selectedFolder} />}
+									{this.doesFolderHaveCustomer() && (
+										<ClientSection folder={this.props.selectedFolder} anchorStatus={this.props.isAnchored} />
+									)}
 								</div>
 
-								{!this.doesFolderHaveCustomer() && <ClientSection folder={this.props.selectedFolder} />}
+								{!this.doesFolderHaveCustomer() && (
+									<ClientSection folder={this.props.selectedFolder} anchorStatus={this.props.isAnchored} />
+								)}
 
 								<div className={classes["button-container"]}>
 									<Button variant={EButtonVariant.GHOST} onClick={this.openArchivedModal}>