Remove unused keys

src/state/MediaViewModel.ts

@@ -196,10 +196,6 @@ abstract class BaseUserMediaViewModel extends BaseMediaViewModel {
    */
   public readonly cropVideo: Observable<boolean> = this._cropVideo;
 
-  public readonly keys = new BehaviorSubject(
-    [] as { index: number; key: Uint8Array }[],
-  );
-
   public constructor(
     id: string,
     member: RoomMember | undefined,

src/tile/GridTile.tsx

@@ -84,7 +84,6 @@ const UserMediaTile = forwardRef<HTMLDivElement, UserMediaTileProps>(
     const videoEnabled = useObservableEagerState(vm.videoEnabled);
     const speaking = useObservableEagerState(vm.speaking);
     const cropVideo = useObservableEagerState(vm.cropVideo);
-    const keys = useObservableEagerState(vm.keys);
     const isRTCParticipantAvailable = useObservableEagerState(
       vm.isRTCParticipantAvailable,
     );
@@ -122,7 +121,6 @@ const UserMediaTile = forwardRef<HTMLDivElement, UserMediaTileProps>(
         ref={ref}
         video={video}
         member={vm.member}
-        keys={keys}
         unencryptedWarning={unencryptedWarning}
         videoEnabled={videoEnabled && showVideo}
         videoFit={cropVideo ? "cover" : "contain"}

src/tile/MediaView.tsx

@@ -29,7 +29,6 @@ interface Props extends ComponentProps<typeof animated.div> {
   videoFit: "cover" | "contain";
   mirror: boolean;
   member: RoomMember | undefined;
-  keys: { index: number; key: Uint8Array }[];
   videoEnabled: boolean;
   unencryptedWarning: boolean;
   nameTagLeadingIcon?: ReactNode;
@@ -49,7 +48,6 @@ export const MediaView = forwardRef<HTMLDivElement, Props>(
       videoFit,
       mirror,
       member,
-      keys,
       videoEnabled,
       unencryptedWarning,
       nameTagLeadingIcon,