From 555330991dce353a0f72c43617036a3d1c0b6a40 Mon Sep 17 00:00:00 2001 From: Toba Ojo Date: Mon, 15 Dec 2025 16:07:30 +0000 Subject: [PATCH] - added websocket context to connect to websockets if needed --- package.json | 3 +- src/App.tsx | 31 +- .../WiFi&Modem/WiFiSettingsForm.tsx | 18 +- .../SightingModal/SightingModal.tsx | 1 - src/components/UI/Header.tsx | 3 + src/context/WebsocketContext.ts | 24 + src/context/providers/WebSocketProvider.tsx | 40 ++ src/types/types.ts | 9 +- src/utils/ws_config.ts | 5 + yarn.lock | 438 ++++++++++++++++-- 10 files changed, 510 insertions(+), 62 deletions(-) create mode 100644 src/context/WebsocketContext.ts create mode 100644 src/context/providers/WebSocketProvider.tsx create mode 100644 src/utils/ws_config.ts diff --git a/package.json b/package.json index 747c951..3332ce4 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "in-car-system-fe", "private": true, - "version": "1.0.18", + "version": "1.0.19", "type": "module", "scripts": { "dev": "vite", @@ -31,6 +31,7 @@ "react-swipeable": "^7.0.2", "react-tabs": "^6.1.0", "react-use": "^17.6.0", + "react-use-websocket": "^4.13.0", "sonner": "^2.0.7", "tailwindcss": "^4.1.11", "use-debounce": "^10.0.6" diff --git a/src/App.tsx b/src/App.tsx index 5aaa5a7..d7d0262 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -9,25 +9,28 @@ import { IntegrationsProvider } from "./context/providers/IntegrationsContextPro import { AlertHitProvider } from "./context/providers/AlertHitProvider"; import { SoundProvider } from "react-sounds"; import SoundContextProvider from "./context/providers/SoundContextProvider"; +import WebSocketProvider from "./context/providers/WebSocketProvider"; function App() { return ( - - - - }> - } /> - } /> - } /> - } /> - } /> - } /> - - - - + + + + + }> + } /> + } /> + } /> + } /> + } /> + } /> + + + + + ); diff --git a/src/components/SettingForms/WiFi&Modem/WiFiSettingsForm.tsx b/src/components/SettingForms/WiFi&Modem/WiFiSettingsForm.tsx index 457482f..cd3b861 100644 --- a/src/components/SettingForms/WiFi&Modem/WiFiSettingsForm.tsx +++ b/src/components/SettingForms/WiFi&Modem/WiFiSettingsForm.tsx @@ -17,7 +17,6 @@ const WiFiSettingsForm = () => { const initialValues = { ssid: wifiSSID ?? "", password: wifiPassword ?? "", - encryption: "WPA2", }; const validatePassword = (password: string) => { @@ -83,22 +82,7 @@ const WiFiSettingsForm = () => { /> - - - - - - - - - +