admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IO-2733 Add Timer Started check to prevent auto refresh early.

Browse Source
This commit is contained in:
Patrick Fic
2024-09-13 09:56:41 -07:00
parent 3bfa556b02
commit 954504de8d
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/update-alert/update-alert.component.jsx
View File

@@ -1,7 +1,7 @@
import { AlertOutlined } from "@ant-design/icons";
import { Alert, Button, Col, notification, Row, Space } from "antd";
import i18n from "i18next";
import React, { useCallback, useEffect } from "react";
import React, { useCallback, useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
@@ -20,6 +20,7 @@ const mapDispatchToProps = (dispatch) => ({
export function UpdateAlert({ updateAvailable }) {
const { t } = useTranslation();
const [timerStarted, setTimerStarted] = useState(false);
const [
timeLeft,
{
@@ -58,6 +59,7 @@ export function UpdateAlert({ updateAvailable }) {
useEffect(() => {
if (needRefresh) {
start();
setTimerStarted(true);
}
}, [start, needRefresh, offlineReady]);
@@ -79,10 +81,10 @@ export function UpdateAlert({ updateAvailable }) {
placement: "bottomRight"
});
}
if (needRefresh && timeLeft <= 0) {
if (needRefresh && timerStarted && timeLeft <= 0) {
ReloadNewVersion();
}
}, [timeLeft, t, needRefresh, ReloadNewVersion]);
}, [timeLeft, t, needRefresh, ReloadNewVersion, timerStarted]);
if (!needRefresh) return null;