4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Archived folder add popup (frontintegration)

Browse Source
This commit is contained in:
Hugo Lextrait 2023-04-14 14:16:44 +02:00
parent a9d22efbdf
commit f99ad63afd
2 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/front/Components/Layouts/Folder/classes.module.scss
View File

@ -65,5 +65,8 @@
}
}
}
.modal-title{
margin-bottom: 24px;
}
}
}

28
src/front/Components/Layouts/Folder/index.tsx
View File

@ -7,18 +7,24 @@ import FolderBoxInformation from "@Front/Components/DesignSystem/FolderBoxInform
import QuantityProgressBar from "@Front/Components/DesignSystem/QuantityProgressBar";
import ClientSection from "./ClientSection";
import ChevronIcon from "@Assets/Icons/chevron.svg";
import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
import InputField from "@Front/Components/DesignSystem/Form/Elements/InputField";
type IProps = {};
type IState = {
selectedFolder: IDashBoardFolder | null;
isArchivedModalOpen: boolean;
};
export default class Folder extends BasePage<IProps, IState>{
public constructor(props: IProps) {
super(props);
this.state = {
selectedFolder: null,
isArchivedModalOpen: false,
};
this.onSelectedFolder = this.onSelectedFolder.bind(this);
this.openArchivedModal = this.openArchivedModal.bind(this);
this.closeArchivedModal = this.closeArchivedModal.bind(this);
}
// TODO: Message if the user has not created any folder yet
@ -47,9 +53,21 @@ export default class Folder extends BasePage<IProps, IState>{
{!this.doesFolderHaveCustomer() && <ClientSection folder={this.state.selectedFolder} />}
<div className={classes["button-container"]}>
<Button variant={EButtonVariant.GHOST}>Archiver le dossier</Button>
<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"]}>
@ -73,4 +91,12 @@ export default class Folder extends BasePage<IProps, IState>{
private onSelectedFolder(folder: IDashBoardFolder): void {
this.setState({ selectedFolder: folder });
}
private openArchivedModal(): void {
this.setState({ isArchivedModalOpen: true });
}
private closeArchivedModal(): void {
this.setState({ isArchivedModalOpen: false });
}
}