Merge pull request #44 from dyte-io/fix-upgrade-to-rtk

fix: ran codemod

Author: ravindra-dyte

samples/live-auction/src/pages/meeting/Meeting.tsx

@@ -92,12 +92,12 @@ const Meeting = () => {
         }
     }
 
-    document.body.addEventListener('dyteStateUpdate', handleDyteStateUpdate);
+    document.body.addEventListener('rtkStateUpdate', handleDyteStateUpdate);
 
     return () => {
-      document.body.removeEventListener('dyteStateUpdate', handleDyteStateUpdate);
+      document.body.removeEventListener('rtkStateUpdate', handleDyteStateUpdate);
       meeting.participants.removeListener('broadcastedMessage', handleBroadcastedMessage);
-    }
+    };
   }, [meeting])
 
   useEffect(() => {

samples/screenshare-focused-ui-with-custom-addons/src/components/in-meeting.tsx

@@ -23,7 +23,7 @@ function InMeeting({
     <div
       className="flex flex-col w-full h-full"
       ref={(el) => {
-        el?.addEventListener('dyteStateUpdate', (e) => {
+        el?.addEventListener('rtkStateUpdate', (e) => {
           const { detail: newStateUpdate } = e as unknown as { detail: CustomStates };
           console.log('dyteStateUpdateSetup:: ', newStateUpdate);
           setStates((oldState: CustomStates) => { return {

samples/screenshare-focused-ui-with-custom-addons/src/components/setup-screen.tsx

@@ -17,7 +17,7 @@ export function SetupScreenPreBuilt({
             backgroundColor: '#272727',
             color: '#ffffff',
         }} ref={(el) => {
-          el?.addEventListener('dyteStateUpdate', (e) => {
+          el?.addEventListener('rtkStateUpdate', (e) => {
             const { detail: newStateUpdate } = e as unknown as { detail: CustomStates };
             console.log('dyteStateUpdateSetup:: ', newStateUpdate);
             setStates((oldState: CustomStates) => { return {
@@ -49,7 +49,7 @@ export function CustomSetupScreenWithPrebuiltMediaPreviewModal({
 
     return (
         <main ref={(el) => {
-            el?.addEventListener('dyteStateUpdate', (e) => {
+            el?.addEventListener('rtkStateUpdate', (e) => {
               const { detail: newStateUpdate } = e as unknown as { detail: CustomStates };
               console.log('dyteStateUpdateSetup:: ', newStateUpdate);
               setStates((oldState: CustomStates) => { return {

samples/simple-ui/src/App.tsx

@@ -53,7 +53,7 @@ function Meeting() {
     <div
       className="flex flex-col w-full h-full"
       ref={(el) => {
-        el?.addEventListener('dyteStateUpdate', (e: any) => {
+        el?.addEventListener('rtkStateUpdate', (e: any) => {
           updateStates(e.detail);
         });
       }}

transform_to_rtk.sh

@@ -0,0 +1,2 @@
+npx @dytesdk/upgrade-to-rtk .
+for dir in samples/*; do (cd "$dir" && npm run build); done