* client: add update timeout

client/src/__locales/en.json

@@ -263,5 +263,6 @@
     "dns_providers": "Here is a <0>list of known DNS providers</0> to choose from.",
     "update_now": "Update now",
     "update_failed": "Update failed",
+    "update_failed_try_later": "Update failed, please try again later",
     "processing_update": "Please wait, AdGuard Home is being updated"
 }

client/src/actions/index.js

@@ -2,6 +2,7 @@ import { createAction } from 'redux-actions';
 import round from 'lodash/round';
 import { t } from 'i18next';
 import { showLoading, hideLoading } from 'react-redux-loading-bar';
+import axios from 'axios';
 
 import { normalizeHistory, normalizeFilteringStatus, normalizeLogs, normalizeTextarea } from '../helpers/helpers';
 import { SETTINGS_NAMES, CHECK_TIMEOUT } from '../helpers/constants';
@@ -163,14 +164,43 @@ export const getUpdate = () => async (dispatch) => {
     try {
         await apiClient.getUpdate();
 
-        const timer = setInterval(async () => {
+        const checkUpdate = async (attempts) => {
-            const dnsStatus = await apiClient.getGlobalStatus();
+            let count = attempts || 1;
-            if (dnsStatus) {
+            let timeout;
-                clearInterval(timer);
+
+            if (count > 60) {
+                dispatch(addErrorToast({ error: 'update_failed_try_later' }));
+                dispatch(getUpdateFailure());
+                return false;
+            }
+
+            const rmTimeout = t => t && clearTimeout(t);
+            const setRecursiveTimeout = (time, ...args) => setTimeout(
+                checkUpdate,
+                time,
+                ...args,
+            );
+
+            console.log(count);
+
+            axios.get('control/status')
+                .then((response) => {
+                    rmTimeout(timeout);
+                    if (response) {
                         dispatch(getUpdateSuccess());
                         window.location.reload(true);
                     }
-        }, CHECK_TIMEOUT);
+                    timeout = setRecursiveTimeout(CHECK_TIMEOUT, count += 1);
+                })
+                .catch(() => {
+                    rmTimeout(timeout);
+                    timeout = setRecursiveTimeout(CHECK_TIMEOUT, count += 1);
+                });
+
+            return false;
+        };
+
+        checkUpdate();
     } catch (error) {
         dispatch(addErrorToast({ error: 'update_failed' }));
         dispatch(getUpdateFailure());