feat: enable reconnect on frontend

NTNUI · Oct 1, 2023 · 2d82a6e · 2d82a6e
1 parent 3d940d5
commit 2d82a6e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/frontend/src/components/EditAssembly.tsx b/frontend/src/components/EditAssembly.tsx
@@ -40,7 +40,14 @@ export function EditAssembly(state: { group: UserDataGroupType }) {
   const [accordionActiveTabs, setAccordionActiveTabs] = useState<string[]>([]);
 
   const { lastMessage, sendJsonMessage } = useWebSocket(
-    import.meta.env.VITE_SOCKET_URL + "/organizer"
+    import.meta.env.VITE_SOCKET_URL + "/organizer",
+    {
+      //Will attempt to reconnect on all close events, such as server shutting down
+      shouldReconnect: () => true,
+      // Try to reconnect 300 times before giving up.
+      // Also possible to change interval (default is 5000ms)
+      reconnectAttempts: 300,
+    }
   );
 
   // Request access to live assembly data for the given group when component is mounted.

diff --git a/frontend/src/pages/AssemblyPage.tsx b/frontend/src/pages/AssemblyPage.tsx
@@ -13,7 +13,7 @@ import { LimitedVoteType } from "../types/votes";
 import { getUserData } from "../services/organizer";
 import { NotFound } from "./NotFound";
 
-export function AssemblyLobby() {
+export function AssemblyLobxby() {
   let navigate = useNavigate();
   const { groupSlug } = useParams() as { groupSlug: string };
   const [groupName, setGroupName] = useState<string | undefined>(undefined);
@@ -26,7 +26,14 @@ export function AssemblyLobby() {
   >(undefined);
   const [voted, setVoted] = useState<boolean>(false);
   const { lastMessage } = useWebSocket(
-    import.meta.env.VITE_SOCKET_URL + "/lobby"
+    import.meta.env.VITE_SOCKET_URL + "/lobby",
+    {
+      //Will attempt to reconnect on all close events, such as server shutting down
+      shouldReconnect: () => true,
+      // Try to reconnect 300 times before giving up.
+      // Also possible to change interval (default is 5000ms)
+      reconnectAttempts: 300,
+    }
   );
   const { checkedIn, setCheckedIn } = useContext(
     checkedInState