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

🎨 error message and document

Browse Source
This commit is contained in:
Hugo Lextrait 2023-05-11 18:53:39 +02:00
parent 70099340e2
commit 19ccc5a603
4 changed files with 102 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/front/Components/DesignSystem/DepositDocument/classes.module.scss
View File

@ -93,3 +93,8 @@
flex-direction: column; flex-direction: column;
gap: 16px; gap: 16px;
} }
.error-message {
color: var(--red-flash);
margin-top: 8px;
}

8
src/front/Components/DesignSystem/DepositDocument/index.tsx
View File

@ -66,6 +66,7 @@ export default class DepositDocument extends React.Component<IProps, IState> {
public override render(): JSX.Element { public override render(): JSX.Element {
return ( return (
<>
<div <div
className={classNames( className={classNames(
classes["root"], classes["root"],
@ -83,7 +84,10 @@ export default class DepositDocument extends React.Component<IProps, IState> {
<div className={classes["separator"]} /> <div className={classes["separator"]} />
<div className={classes["right"]}> <div className={classes["right"]}>
<Typography typo={ITypo.P_SB_16} color={ITypoColor.BLACK} className={classes["title"]}> <Typography typo={ITypo.P_SB_16} color={ITypoColor.BLACK} className={classes["title"]}>
<div className={this.props.document.document_status === EDocumentStatus.VALIDATED ? classes["validated"] : ""}> <div
className={
this.props.document.document_status === EDocumentStatus.VALIDATED ? classes["validated"] : ""
}>
{this.props.document.document_type?.name} {this.props.document.document_type?.name}
</div> </div>
{this.props.document.document_type?.public_description !== "" && {this.props.document.document_type?.public_description !== "" &&
@ -154,6 +158,8 @@ export default class DepositDocument extends React.Component<IProps, IState> {
</div> </div>
</Confirm> </Confirm>
</div> </div>
{<div></div>}
</>
); );
} }

9
src/front/Components/DesignSystem/UserFolder/index.tsx
View File

@ -49,7 +49,10 @@ export default class UserFolder extends React.Component<IProps, IState> {
this.deleteAskedDocument = this.deleteAskedDocument.bind(this); this.deleteAskedDocument = this.deleteAskedDocument.bind(this);
} }
public override render(): JSX.Element { public override render(): JSX.Element {
const documentsAsked: Document[] | null = this.getDocumentsByStatus("ASKED"); const documentsAsked: Document[] | null = [
...(this.getDocumentsByStatus("ASKED") ?? []),
...(this.getDocumentsByStatus("REFUSED") ?? []),
];
const otherDocuments: Document[] | null = this.getValidatedAndPendindDocuments(); const otherDocuments: Document[] | null = this.getValidatedAndPendindDocuments();
const redirectPath = Module.getInstance() const redirectPath = Module.getInstance()
.get() .get()
@ -111,9 +114,7 @@ export default class UserFolder extends React.Component<IProps, IState> {
Demander un autre document{" "} Demander un autre document{" "}
</Button> </Button>
</Link> </Link>
<Button disabled={documentsAsked ? false : true}> <Button disabled={documentsAsked ? false : true}>Envoyer un mail de demande</Button>
Envoyer un mail de demande
</Button>
</div> </div>
)} )}
</div> </div>

2
src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
View File

@ -148,7 +148,7 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
</Typography> </Typography>
<Image src={ValidateAnchoringGif} alt="Anchoring animation" className={classes["validate-gif"]} /> <Image src={ValidateAnchoringGif} alt="Anchoring animation" className={classes["validate-gif"]} />
<div className={classes["dont-show-again"]}> <div className={classes["dont-show-again"]}>
<CheckBox option={{ label: "Ne plus afficher ce message", value: false }} toolTip={"Test"} /> <CheckBox option={{ label: "Ne plus afficher ce message", value: false }} />
</div> </div>
</div> </div>
)} )}