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

🐛 Anchoring popup disappear after 2 gifs occurence

Browse Source
This commit is contained in:
Maxime Lalo 2023-04-26 11:00:40 +02:00
parent 18808169bd
commit 889e14a451
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,5 @@
import "reflect-metadata";
import LeftArrowIcon from "@Assets/Icons/left-arrow.svg";
import RightArrowIcon from "@Assets/Icons/right-arrow.svg";
import ValidateAnchoringGif from "@Front/Assets/images/validate_anchoring.gif";
@ -18,7 +19,6 @@ import React from "react";
import BasePage from "../../Base";
import classes from "./classes.module.scss";
type IProps = {};
type IPropsClass = {
documentsList: Document[];
@ -74,7 +74,10 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
</Typography>
<div className={classes["document-container"]}>
{this.props.documentsList.length > 1 && (
<div className={classes["arrow-container"]} onClick={this.goToPrevious} data-disabled={(!this.hasPrevious()).toString()}>
<div
className={classes["arrow-container"]}
onClick={this.goToPrevious}
data-disabled={(!this.hasPrevious()).toString()}>
<Image src={LeftArrowIcon} alt="left arrow" />
</div>
)}
@ -84,7 +87,10 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
))}
</div>
{this.props.documentsList.length > 1 && (
<div className={classes["arrow-container"]} onClick={this.goToNext} data-disabled={(!this.hasNext()).toString()}>
<div
className={classes["arrow-container"]}
onClick={this.goToNext}
data-disabled={(!this.hasNext()).toString()}>
<Image src={RightArrowIcon} alt="right arrow" />
</div>
)}
@ -202,6 +208,19 @@ class ViewDocumentsClass extends BasePage<IPropsClass, IState> {
this.setState({
hasValidateAnchoring: true,
});
const timeoutDelay = 9800;
setTimeout(() => {
this.setState({
isValidateModalVisible: false,
});
}, timeoutDelay);
setTimeout(() => {
this.setState({
hasValidateAnchoring: false,
});
}, timeoutDelay + 1000);
}
private onRefuseTextChange(e: React.ChangeEvent<HTMLInputElement>) {