From 889e14a451bc085739f83bccaf18b340a90d97bc Mon Sep 17 00:00:00 2001
From: Maxime Lalo <maxime.lalo.pro@gmail.com>
Date: Wed, 26 Apr 2023 11:00:40 +0200
Subject: [PATCH] :bug: Anchoring popup disappear after 2 gifs occurence

---
 .../Layouts/Folder/ViewDocuments/index.tsx    | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx b/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
index 94a0545c..e113b581 100644
--- a/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
+++ b/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
@@ -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>) {