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

IO-2733 Add loading state and further delay reload.

Browse Source
This commit is contained in:
Patrick Fic
2024-09-13 11:22:38 -07:00
parent 73ec8b8a70
commit b3303e3c38
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,6 +21,7 @@ const mapDispatchToProps = (dispatch) => ({
export function UpdateAlert({ updateAvailable }) { export function UpdateAlert({ updateAvailable }) {
const { t } = useTranslation(); const { t } = useTranslation();
const [timerStarted, setTimerStarted] = useState(false); const [timerStarted, setTimerStarted] = useState(false);
const [loading, setLoading] = useState(false);
const [ const [
timeLeft, timeLeft,
{ {
@@ -50,10 +51,11 @@ export function UpdateAlert({ updateAvailable }) {
}); });
const ReloadNewVersion = useCallback(() => { const ReloadNewVersion = useCallback(() => {
setLoading(true);
updateServiceWorker(true); updateServiceWorker(true);
setTimeout(() => { setTimeout(() => {
window.location.reload(true); window.location.reload(true);
}, 2000); }, 5000);
}, [updateServiceWorker]); }, [updateServiceWorker]);
useEffect(() => { useEffect(() => {
@@ -115,7 +117,7 @@ export function UpdateAlert({ updateAvailable }) {
<Button onClick={() => window.open("https://imex-online.noticeable.news/", "_blank")}> <Button onClick={() => window.open("https://imex-online.noticeable.news/", "_blank")}>
{i18n.t("general.actions.viewreleasenotes")} {i18n.t("general.actions.viewreleasenotes")}
</Button> </Button>
<Button type="primary" onClick={() => ReloadNewVersion()}> <Button loading={loading} type="primary" onClick={() => ReloadNewVersion()}>
{i18n.t("general.actions.refresh")} {`(${(timeLeft / 1000).toFixed(0)} s)`} {i18n.t("general.actions.refresh")} {`(${(timeLeft / 1000).toFixed(0)} s)`}
</Button> </Button>
<Button onClick={() => start(300000)}>{i18n.t("general.actions.delay")}</Button> <Button onClick={() => start(300000)}>{i18n.t("general.actions.delay")}</Button>