From 192d9d0472a985bb565aa7bbc4e513da73c6350b Mon Sep 17 00:00:00 2001
From: Guillaume Falvet <guillaume.falvet@outlook.com>
Date: Sat, 25 May 2024 12:51:25 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor=20:=20using=20act?=
 =?UTF-8?q?ion=20router=20and=20ws=20hook?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 property-inspector/src/main.tsx | 40 +++++++++++++++++++++------------
 1 file changed, 26 insertions(+), 14 deletions(-)

diff --git a/property-inspector/src/main.tsx b/property-inspector/src/main.tsx
index 8fb1556..f0b4b85 100644
--- a/property-inspector/src/main.tsx
+++ b/property-inspector/src/main.tsx
@@ -1,15 +1,27 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import ReactDOM from 'react-dom/client'
-import StreamDeckComponent from './StreamDeck'
-import './sdpi.css'
-window.connectElgatoStreamDeckSocket = (inPort: number, inUUID: string, inRegisterEvent: string, inInfo: string, inActionInfo: string) => {
+import './css/sdpi.css';
+import ReactDOM from 'react-dom/client';
+
+// - Components
+import RouterAction from './router';
+
+// - Types
+import { ParsedProps } from './types/streamDeck';
+
+// - Hooks
+import { WebSocketProvider } from './hooks/useWebSocket';
+
+
+window.connectElgatoStreamDeckSocket = (inPort: string, inUUID: string, inRegisterEvent: string, inInfo: string, inActionInfo: string) => {
+  const parsedProps: ParsedProps = {
+    inPort: parseInt(inPort),
+    inUUID,
+    inRegisterEvent,
+    inInfo: JSON.parse(inInfo),
+    inActionInfo: JSON.parse(inActionInfo),
+  };
   ReactDOM.createRoot(document.getElementById('root')!).render(
-    <StreamDeckComponent
-      inPort={inPort}
-      inUUID={inUUID}
-      inRegisterEvent={inRegisterEvent}
-      inInfo={inInfo}
-      inActionInfo={inActionInfo}
-    />,
-  )
-}
+    <WebSocketProvider props={parsedProps}>
+      <RouterAction {...parsedProps} />
+    </WebSocketProvider>
+  );
+};