Reconnect websockets on error/close

Author: s-h-a-d-o-w

frontend/src/App.tsx

@@ -37,7 +37,7 @@ function App() {
     if (kind === "state") {
       setDoFixedSpeed(data.doFixedSpeed);
     } else if (kind === "error") {
-      errorToast(data);
+      errorToast("Unknown error");
       console.error(data);
     }
   }, [lastJsonMessage]);

frontend/src/containers/CPUTuning.tsx

@@ -41,7 +41,7 @@ export function CPUTuning() {
     } else if (kind === "success") {
       successToast("Successfully applied.");
     } else if (kind === "error") {
-      errorToast(data);
+      errorToast("Couldn't apply change.");
       console.error(data);
     }
   }, [lastJsonMessage]);

frontend/src/containers/FanTable.tsx

@@ -47,7 +47,7 @@ export function FanTable({ disabled }: { disabled: boolean }) {
     } else if (kind === "success") {
       successToast("Successfully applied.");
     } else if (kind === "error") {
-      errorToast(data);
+      errorToast("Couldn't apply change.");
       console.error(data);
     }
   }, [lastJsonMessage]);

frontend/src/containers/FixedSpeed.tsx

@@ -35,7 +35,7 @@ export function FixedSpeed({ disabled }: { disabled: boolean }) {
     } else if (kind === "success") {
       successToast("Successfully applied.");
     } else if (kind === "error") {
-      errorToast(data);
+      errorToast("Couldn't apply change.");
       console.error(data);
     }
   }, [lastJsonMessage]);

frontend/src/containers/Toggles.tsx

@@ -26,7 +26,7 @@ export function Toggles() {
         });
       }
     } else if (kind === "error") {
-      errorToast(data);
+      errorToast("Couldn't apply change.");
       console.error(data);
     }
   }, [lastJsonMessage, sendJsonMessage]);

frontend/src/utils/hooks.ts

@@ -2,10 +2,15 @@ import useReactWebSocket, { ReadyState } from "react-use-websocket";
 import { MessageToClient } from "../../../common/types";
 
 const emptyObject = {};
+const shouldReconnect = (_: CloseEvent) => true;
 
 export function useWebSocket() {
   const { lastJsonMessage, sendJsonMessage, readyState } =
-    useReactWebSocket<MessageToClient | null>("ws://localhost:5523");
+    useReactWebSocket<MessageToClient | null>("ws://localhost:5523", {
+      retryOnError: true,
+      reconnectAttempts: Number.MAX_SAFE_INTEGER,
+      shouldReconnect,
+    });
 
   return {
     lastJsonMessage: