fix(ui): Do not auto-reload doc.location. Fixes argoproj#4530 (argopr…

…oj#4535) Signed-off-by: Alex Collins <alex_collins@intuit.com> Signed-off-by: Alex Capras <alexcapras@gmail.com>
alexcapras · Dec 2, 2020 · aa232fc · aa232fc
1 parent 704b087
commit aa232fc
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/ui/src/app/shared/components/error-notice.tsx b/ui/src/app/shared/components/error-notice.tsx
@@ -11,24 +11,27 @@ export const ErrorNotice = (props: {style?: CSSProperties; error: Error & {respo
     const reloadAfterSeconds = props.reloadAfterSeconds || 120;
     const reload = props.onReload || document.location.reload;
     const [timeLeft, setTimeLeft] = useState(reloadAfterSeconds);
-    useEffect(() => {
-        if (!timeLeft) {
-            reload();
-            setTimeLeft(reloadAfterSeconds);
-        }
-        const intervalId = setInterval(() => {
-            setTimeLeft(timeLeft - 1);
-        }, 1000);
-        return () => clearInterval(intervalId);
-    }, [timeLeft]);
+    const canAutoReload = reload !== document.location.reload; // we cannot automatically call `document.location.reload`
+    if (canAutoReload) {
+        useEffect(() => {
+            if (!timeLeft) {
+                reload();
+                setTimeLeft(reloadAfterSeconds);
+            }
+            const intervalId = setInterval(() => {
+                setTimeLeft(timeLeft - 1);
+            }, 1000);
+            return () => clearInterval(intervalId);
+        }, [timeLeft]);
+    }
     return (
         <Notice style={props.style}>
             <PhaseIcon value='Error' /> {props.error.message || 'Unknown error. Open your browser error console for more information.'}
             {props.error.response && props.error.response.body && props.error.response.body.message && ': ' + props.error.response.body.message}:{' '}
             <a onClick={() => reload()}>
                 <i className='fa fa-redo' /> Reload
             </a>{' '}
-            {timeLeft}s
+            {canAutoReload && `${timeLeft}s`}
         </Notice>
     );
 };