Removed RecordingIndicator

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>
   );
 }

lib/RecordingIndicator.tsx

@@ -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>
-  );
-}