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

Tooltip anchor before download

Browse Source
This commit is contained in:
Vins 2024-06-05 23:42:38 +02:00
parent 7fa311041d
commit 5e2d1315dd
2 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,16 +16,16 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.arrow-container{ .arrow-container {
cursor: pointer; cursor: pointer;
&[data-disabled="true"]{ &[data-disabled="true"] {
opacity: 0.3; opacity: 0.3;
cursor: not-allowed; cursor: not-allowed;
} }
} }
.file-container{ .file-container {
max-width: 1000px; max-width: 1000px;
margin: auto; margin: auto;
min-height: 700px; min-height: 700px;
@ -33,12 +33,17 @@
} }
} }
.footer{ .footer {
width: fit-content;
margin: auto; margin: auto;
.ocr-container{ .ocr-container {
margin-top: 42px; margin-top: 42px;
} }
.alert {
margin-top: 24px;
width: 100%;
}
.buttons-container { .buttons-container {
display: flex; display: flex;
gap: 24px; gap: 24px;

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

@ -17,6 +17,7 @@ import BasePage from "../../Base";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import Files from "@Front/Api/LeCoffreApi/Notary/Files/Files"; import Files from "@Front/Api/LeCoffreApi/Notary/Files/Files";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField"; import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
import MessageBox from "@Front/Components/Elements/MessageBox";
type IProps = {}; type IProps = {};
type IPropsClass = { type IPropsClass = {
@ -104,6 +105,9 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
)} )}
</div> </div>
<div className={classes["footer"]}> <div className={classes["footer"]}>
<div className={classes["alert"]}>
<MessageBox type={"info"}>Veuillez valider le document afin de pouvoir le télécharger.</MessageBox>
</div>
{/* {this.state.document?.document_type?.name === "Document d'identité" && ( {/* {this.state.document?.document_type?.name === "Document d'identité" && (
<div className={classes["ocr-container"]}> <div className={classes["ocr-container"]}>
<OcrResult percentage={this.state.validatedPercentage} /> <OcrResult percentage={this.state.validatedPercentage} />