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;
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 {
return (
<>
<div
className={classNames(
classes["root"],
@ -83,7 +84,10 @@ export default class DepositDocument extends React.Component<IProps, IState> {
<div className={classes["separator"]} />
<div className={classes["right"]}>
<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}
</div>
{this.props.document.document_type?.public_description !== "" &&
@ -154,6 +158,8 @@ export default class DepositDocument extends React.Component<IProps, IState> {
</div>
</Confirm>
</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);
}
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 redirectPath = Module.getInstance()
.get()
@ -111,9 +114,7 @@ export default class UserFolder extends React.Component<IProps, IState> {
Demander un autre document{" "}
</Button>
</Link>
<Button disabled={documentsAsked ? false : true}>
Envoyer un mail de demande
</Button>
<Button disabled={documentsAsked ? false : true}>Envoyer un mail de demande</Button>
</div>
)}
</div>

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

@ -148,7 +148,7 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
</Typography>
<Image src={ValidateAnchoringGif} alt="Anchoring animation" className={classes["validate-gif"]} />
<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>
)}