This commit is contained in:
Hugo Lextrait 2023-04-17 16:50:17 +02:00
parent d36f4cdf76
commit 4dbb7e7bae
4 changed files with 24 additions and 56 deletions

View File

@ -84,7 +84,11 @@ export default class UserFolder extends React.Component<IProps, IState> {
<DocumentList <DocumentList
documents={otherDocuments} documents={otherDocuments}
title="Documents à valider / validés" title="Documents à valider / validés"
subtitle="Vous avez des documents à valider." subtitle={
otherDocuments && otherDocuments?.length > 0
? "Vous avez des documents à valider."
: "Vous n'avez aucun document à valider"
}
openDeletionModal={this.openDeletionModal} openDeletionModal={this.openDeletionModal}
/> />
</div> </div>

View File

@ -56,20 +56,25 @@
.button-container { .button-container {
width: 100%; width: 100%;
display: flex;
text-align: center; text-align: center;
justify-content: center;
:first-child { .delete-folder {
margin-right: 12px; display: flex;
} margin-left: 12px;
>* {
margin: auto;
} }
@media (max-width: $screen-m) { @media (max-width: $screen-m) {
:first-child { display: block;
margin-right: 0;
margin-bottom: 12px; .delete-folder {
margin-left: 0;
margin-top: 12px;
>* {
flex: 1;
}
} }
>* { >* {

View File

@ -63,7 +63,11 @@ class FolderInformationClass extends BasePage<IPropsClass, IState> {
<Button variant={EButtonVariant.GHOST} onClick={this.openArchivedModal}> <Button variant={EButtonVariant.GHOST} onClick={this.openArchivedModal}>
Archiver le dossier Archiver le dossier
</Button> </Button>
{!this.doesFolderHaveCustomer() && (
<span className={classes["delete-folder"]}>
<Button variant={EButtonVariant.SECONDARY}>Supprimer le dossier</Button> <Button variant={EButtonVariant.SECONDARY}>Supprimer le dossier</Button>
</span>
)}
</div> </div>
<Confirm <Confirm
isOpen={this.state.isArchivedModalOpen} isOpen={this.state.isArchivedModalOpen}

View File

@ -32,44 +32,6 @@ export default class Folder extends BasePage<IProps, IState> {
return ( return (
<DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={this.onSelectedFolder}> <DefaultNotaryDashboard title={"Dossier"} onSelectedFolder={this.onSelectedFolder}>
<div className={classes["root"]}> <div className={classes["root"]}>
{/* {this.state.selectedFolder
?
<div className={classes["folder-informations"]}>
<div className={classes["folder-header"]}>
<div className={classes["header"]}>
<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
<Button variant={EButtonVariant.LINE} icon={ChevronIcon}>Modifier les collaborateurs</Button>
</div>
<FolderBoxInformation folder={this.state.selectedFolder} />
<div className={classes["second-box"]}>
<FolderBoxInformation folder={this.state.selectedFolder} isDescription />
</div>
<div className={classes["progress-bar"]}>
<QuantityProgressBar title="Complétion du dossier" total={100} currentNumber={0} />
</div>
{this.doesFolderHaveCustomer() && <ClientSection folder={this.state.selectedFolder} />}
</div>
{!this.doesFolderHaveCustomer() && <ClientSection folder={this.state.selectedFolder} />}
<div className={classes["button-container"]}>
<Button variant={EButtonVariant.GHOST} onClick={this.openArchivedModal}>Archiver le dossier</Button>
<Button variant={EButtonVariant.SECONDARY}>Supprimer le dossier</Button>
</div>
<Confirm
isOpen={this.state.isArchivedModalOpen}
onClose={this.closeArchivedModal}
closeBtn
header={"Archiver le dossier ?"}
cancelText={"Annuler"}
confirmText={"Archiver"}>
<div className={classes["modal-title"]}>
<Typography typo={ITypo.P_16}>Souhaitez-vous vraiment archiver le dossier ?</Typography>
</div>
<InputField name="input field" fakeplaceholder="Description" textarea />
</Confirm>
</div>
: */}
<div className={classes["no-folder-selected"]}> <div className={classes["no-folder-selected"]}>
<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography> <Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
<div className={classes["choose-a-folder"]}> <div className={classes["choose-a-folder"]}>
@ -82,13 +44,6 @@ export default class Folder extends BasePage<IProps, IState> {
</DefaultNotaryDashboard> </DefaultNotaryDashboard>
); );
} }
public override async componentDidMount() {
// const users = await Users.getInstance().getByUid("5rOlvAleeX");
}
// private doesFolderHaveCustomer(): boolean {
// return this.state.selectedFolder?.office_folder_has_customers !== undefined;
// }
private onSelectedFolder(folder: IDashBoardFolder): void { private onSelectedFolder(folder: IDashBoardFolder): void {
this.setState({ selectedFolder: folder }); this.setState({ selectedFolder: folder });