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

error message on deposited documents

Browse Source
This commit is contained in:
Hugo Lextrait 2023-05-11 19:01:22 +02:00
parent ff66a61887
commit c3dd1115dc
2 changed files with 85 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,3 +1,6 @@
.container {
.root { .root {
padding: 24px; padding: 24px;
background-color: var(--white); background-color: var(--white);
@ -98,3 +101,4 @@
color: var(--red-flash); color: var(--red-flash);
margin-top: 8px; margin-top: 8px;
} }
}

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

@ -66,7 +66,7 @@ export default class DepositDocument extends React.Component<IProps, IState> {
public override render(): JSX.Element { public override render(): JSX.Element {
return ( return (
<> <div className={classes["container"]}>
<div <div
className={classNames( className={classNames(
classes["root"], classes["root"],
@ -158,8 +158,12 @@ export default class DepositDocument extends React.Component<IProps, IState> {
</div> </div>
</Confirm> </Confirm>
</div> </div>
{<div></div>} {this.props.document.document_status === EDocumentStatus.REFUSED && (
</> <Typography typo={ITypo.CAPTION_14} className={classes["error-message"]}>
Ce document n’est pas conforme. Veuillez le déposer à nouveau.
</Typography>
)}
</div>
); );
} }