From 9565c0549ccdae892b8892e8dcffc910d8b4f8c5 Mon Sep 17 00:00:00 2001
From: SujithThirumalaisamy <sujithmasi1267@gmail.com>
Date: Mon, 7 Apr 2025 17:51:31 +0530
Subject: [PATCH] Removed RecordingIndicator

---
 app/rooms/[roomName]/PageClientImpl.tsx |  3 --
 lib/RecordingIndicator.tsx              | 47 -------------------------
 2 files changed, 50 deletions(-)
 delete mode 100644 lib/RecordingIndicator.tsx

diff --git a/app/rooms/[roomName]/PageClientImpl.tsx b/app/rooms/[roomName]/PageClientImpl.tsx
index e6ce971..0f74fcb 100644
--- a/app/rooms/[roomName]/PageClientImpl.tsx
+++ b/app/rooms/[roomName]/PageClientImpl.tsx
@@ -21,8 +21,6 @@ import {
 import { useRouter } from 'next/navigation';
 import '../../../styles/PageClientImpl.css';
 import { CustomVideoLayout } from '@/lib/CustomVideoLayout';
-import { RecordingIndicator } from '@/lib/RecordingIndicator';
-import { useToast } from '@/app/custom/toast/use-toast';
 
 const CONN_DETAILS_ENDPOINT =
   process.env.NEXT_PUBLIC_CONN_DETAILS_ENDPOINT ?? '/api/connection-details';
@@ -181,7 +179,6 @@ function VideoConferenceComponent(props: {
     >
       <CustomVideoLayout room={room} roomName={props.connectionDetails.roomName} />
       <RoomAudioRenderer />
-      <RecordingIndicator />
     </LiveKitRoom>
   );
 }
diff --git a/lib/RecordingIndicator.tsx b/lib/RecordingIndicator.tsx
deleted file mode 100644
index 6d074c9..0000000
--- a/lib/RecordingIndicator.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useRoomContext } from '@livekit/components-react';
-import { RoomEvent } from 'livekit-client';
-import * as React from 'react';
-
-export function RecordingIndicator() {
-  const [recordingState, setRecordingState] = React.useState({
-    recording: { isRecording: false, recorder: '' },
-  });
-  const isRecording = React.useMemo(() => {
-    return recordingState.recording.isRecording;
-  }, [recordingState]);
-  const room = useRoomContext();
-
-  const updateRoomMetadata = (metadata: string) => {
-    const parsedMetadata = JSON.parse(metadata === '' ? '{}' : metadata);
-    setRecordingState({
-      recording: {
-        isRecording: parsedMetadata.recording.isRecording,
-        recorder: parsedMetadata.recording.recorder,
-      },
-    });
-  };
-
-  React.useEffect(() => {
-    if (room) {
-      room.on(RoomEvent.RoomMetadataChanged, updateRoomMetadata);
-
-      return () => {
-        room.off(RoomEvent.RoomMetadataChanged, updateRoomMetadata);
-      };
-    }
-  }, [room]);
-
-  return (
-    <div
-      style={{
-        position: 'absolute',
-        top: '0',
-        left: '0',
-        width: '100%',
-        height: '100%',
-        boxShadow: isRecording ? 'red 0px 0px 0px 3px inset' : 'none',
-        pointerEvents: 'none',
-      }}
-    ></div>
-  );
-}