fix: only update connection toast to reconnecting when still disconnected

2026-08-06 13:12:25 +02:00 · 2023-11-03 09:14:36 +01:00
parent 3132680c50
commit d643923fd3
7 changed files with 13 additions and 10 deletions
@@ -109,7 +109,6 @@ const reducer = (state: State, action: Action): State => {
      throw new Error();
  }
 };
-
 const App = () => {
  const [state, dispatch] = useReducer(reducer, null);
  const stateRef = useRef(state); // Declare a reference to hold the current state
@@ -150,7 +149,11 @@ const App = () => {
    socket.on('disconnect', () => {
      setConnectionStatus('disconnected');
      setTimeout(() => {
-        setConnectionStatus('reconnecting');
+        // Only set "reconnecting" is the state is still "disconnected"
+        // E.g. when the client has already reconnected
+        setConnectionStatus((currentState) =>
+          currentState === 'disconnected' ? 'reconnecting' : currentState
+        );
      }, 2000);
    });

@@ -1,13 +1,13 @@
 {
  "files": {
    "main.css": "/static/css/main.c444b055.css",
-    "main.js": "/static/js/main.964bc334.js",
+    "main.js": "/static/js/main.16698eff.js",
    "index.html": "/index.html",
    "main.c444b055.css.map": "/static/css/main.c444b055.css.map",
-    "main.964bc334.js.map": "/static/js/main.964bc334.js.map"
+    "main.16698eff.js.map": "/static/js/main.16698eff.js.map"
  },
  "entrypoints": [
    "static/css/main.c444b055.css",
-    "static/js/main.964bc334.js"
+    "static/js/main.16698eff.js"
  ]
 }
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site displaying a pydase UI."/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>pydase App</title><script defer="defer" src="/static/js/main.964bc334.js"></script><link href="/static/css/main.c444b055.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site displaying a pydase UI."/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>pydase App</title><script defer="defer" src="/static/js/main.16698eff.js"></script><link href="/static/css/main.c444b055.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>