Restart signalr on tab visible

Author: marianards

frontend/src/components/Contexts/SignalRContext.tsx

@@ -3,6 +3,7 @@ import React, { createContext, FC, useContext, useEffect, useCallback, useState,
 import { AuthContext } from './AuthContext'
 import { config } from 'config'
 import { useMsal } from '@azure/msal-react'
+import { useOnPageVisible } from 'hooks/usePageVisibility'
 
 /**
  * SignalR provides asynchronous communication between backend and frontend. This
@@ -128,6 +129,12 @@ export const SignalRProvider: FC<Props> = ({ children }) => {
         }
     }, [accounts, inProgress])
 
+    useOnPageVisible(() => {
+        if (!accounts[0] || inProgress !== 'none') return
+        if (connectionRef.current?.state === signalR.HubConnectionState.Connected) return
+        resetConnection()
+    })
+
     const registerEvent = (eventName: string, onMessageReceived: (username: string, message: string) => void) => {
         if (connectionRef.current)
             connectionRef.current.on(eventName, (username, message) => {