fix: iframe instance bug

Author: ZanzyTHEbar

GUI/ETVR/src/components/Settings/CamerasModal/CameraModalComponent/index.tsx

@@ -1,3 +1,5 @@
+import WebSocketHandler from '@components/WebSocket'
+
 export interface IProps {
     cameraHeight: number
     cameraWidth?: number
@@ -7,14 +9,15 @@ export interface IProps {
 const CameraModalComponent = (props: IProps) => {
     return (
         <div>
-            <iframe
+            <WebSocketHandler borderRadius="rounded-[14px]" />
+            {/* <iframe
                 name="TV"
                 class="rounded-xl"
                 height={props.cameraHeight}
                 width={props.cameraWidth || '100%'}
                 src={props.cameraSrc}
                 allow="accelerometer; autoplay; clipboard-write; encrypted-media; picture-in-picture full"
-            />
+            /> */}
         </div>
     )
 }

GUI/ETVR/src/components/Settings/CamerasModal/index.tsx

@@ -8,13 +8,15 @@ export interface IProps {
 const CamerasModal = (props: IProps) => {
     return (
         <div class="bg-[#333742] rounded-xl pl-[14px] pr-[14px] pb-[14px] pt-[14px] min-w-[500px]">
-            <For each={props.camerasUrl}>
-                {(cameraUrl, index) => (
-                    <div class={`mb-[${index() > cameraUrl.length ? '0px' : '22px'}]`}>
-                        <CameraModalComponent cameraHeight={400} cameraSrc={cameraUrl} />
-                    </div>
-                )}
-            </For>
+            <div class="overflow-y-auto">
+                <For each={props.camerasUrl}>
+                    {(cameraUrl, index) => (
+                        <div class={` mb-[${index() > cameraUrl.length ? '0px' : '22px'}]`}>
+                            <CameraModalComponent cameraHeight={400} cameraSrc={cameraUrl} />
+                        </div>
+                    )}
+                </For>
+            </div>
         </div>
     )
 }