refactor: cleanup actions

Author: ZanzyTHEbar

GUI/ETVR/src/pages/Home/index.tsx

@@ -3,7 +3,7 @@ import icons from '@assets/images'
 import Camera from '@components/Camera'
 import List from '@components/List/List'
 import ListHeader from '@components/List/ListHeader/ListHeader'
-import CustomPopover from '@components/header/CustomPopover/index'
+import CustomPopover from '@components/Header/CustomPopover'
 import { POPOVER_ID } from '@src/static/types/enums'
 import { setRestDevice } from '@src/store/api/restAPI'
 import { cameras } from '@src/store/camera/selectors'

GUI/ETVR/src/store/api/components/actions.ts

@@ -75,11 +75,10 @@ export const setRTCTimeout = (time: number) => {
 }
 
 /**
- * @description Generate websocket clients based on the number of cameras connected
+ * @description Sets the websocket clients
  * @returns {void}
  * @example
- * generateWebsocketClients()
- * // => [WebSocket, WebSocket, WebSocket]
+ * setWebsocketClients([new WebSocket('ws://localhost:8080'), new WebSocket('ws://localhost:8080')])
  * @note This function should be called after the cameras have been initialized
  */
 export const setWebsocketClients = (clients: WebSocket[]): void => {

GUI/ETVR/src/store/api/websocket.ts

@@ -1,7 +1,7 @@
 import { invoke } from '@tauri-apps/api/tauri'
 import { appWindow } from '@tauri-apps/api/window'
-import { generateWebsocketClients } from '@store/api/components/actions'
 import { setWebsocketClients } from '@store/api/websocket'
+import { generateWebsocketClients } from '@utils/hooks/websocket'
 
 const handleTitlebar = () => {
     const titlebar = document.getElementsByClassName('titlebar')

GUI/ETVR/src/utils/actions/index.tsx

@@ -2,6 +2,11 @@ import { RTCState } from '@src/static/types/enums'
 import { rtcWebSocket, rtcTimeout, rtcConnectInterval } from '@store/api/selectors'
 import { setRTCStatus, setConnectInterval, setRTCTimeout } from '@store/api/websocket'
 
+import { cameras } from '@store/camera/selectors'
+
+const PORT = 7856
+const LOCAL_HOST = 'wss://127.0.0.1'
+
 interface IWebRTCMessage {
     msg: string | object | null | undefined
 }
@@ -27,6 +32,14 @@ export const check = () => {
     })
 }
 
+const generateWebsocketClients = () => {
+    const clients = cameras().map((_, i) => {
+        return new WebSocket(`${LOCAL_HOST}:${PORT}/camera_${i + 1}`)
+    })
+    console.log('websocket clients', clients)
+    return clients
+}
+
 /********************************* connect *************************************/
 /**
  * @description initialize connection to the server
@@ -85,4 +98,4 @@ const initWebSocket = () => {
     })
 }
 
-export { sendToRTCServer, initWebSocket }
+export { sendToRTCServer, initWebSocket, generateWebsocketClients }