fix: shouldn't init websocket store in ws component

GUI/ETVR/src/app.tsx

@@ -8,6 +8,8 @@ import NewWindow from '@components/NewWindow'
 import ToastNotificationWindow from '@components/Notifications'
 import { setOpenModal } from '@src/store/ui/ui'
 import { BUTTON } from '@static/custom/button'
+import { generateWebsocketClients } from '@store/api/components/actions'
+import { setWebsocketClients } from '@store/api/websocket'
 
 const handleTitlebar = () => {
     const titlebar = document.getElementsByClassName('titlebar')
@@ -85,6 +87,9 @@ const App = () => {
     onMount(() => {
         handleTitlebar()
         handleAppBoot()
+        // TODO: call these after the MDNS service is up and running and discoveres the camera's
+        const clients = generateWebsocketClients()
+        setWebsocketClients(clients)
     })
     return (
         <div class="App overflow-y-auto items-center">

GUI/ETVR/src/components/WebSocket/index.tsx

@@ -1,8 +1,6 @@
 import { Image } from '@kobalte/core'
 import { onMount, Show } from 'solid-js'
 import icons from '@assets/images/index'
-import { generateWebsocketClients } from '@store/api/components/actions'
-import { setWebsocketClients } from '@store/api/websocket'
 import { showCameraView } from '@store/ui/selectors'
 import { initWebSocket } from '@utils/hooks/websocket'
 
@@ -27,10 +25,6 @@ const LoaderHandler = (props: IProps) => {
 
 const WebSocketHandler = (props: IProps) => {
     onMount(async () => {
-        // TODO: call these after the MDNS service is up and running and discoveres the camera's
-        /* const clients = generateWebsocketClients()
-        setWebsocketClients(clients) */
-
         initWebSocket()
     })
 

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

@@ -7,6 +7,7 @@ const generateWebsocketClients = () => {
     const clients = cameras().map((_, i) => {
         return new WebSocket(`${LOCAL_HOST}:${PORT}/camera_${i + 1}`)
     })
+    console.log('websocket clients', clients)
     return clients
 }