diff --git a/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx b/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx index 1c9f9b77..076ea42f 100644 --- a/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx +++ b/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx @@ -44,19 +44,24 @@ export function TrackRefContextIfNeeded( ) } +interface ParticipantTileExtendedProps extends ParticipantTileProps { + disableMetadata?: boolean +} + export const ParticipantTile: ( - props: ParticipantTileProps & React.RefAttributes + props: ParticipantTileExtendedProps & React.RefAttributes ) => React.ReactNode = /* @__PURE__ */ React.forwardRef< HTMLDivElement, - ParticipantTileProps + ParticipantTileExtendedProps >(function ParticipantTile( { trackRef, children, onParticipantClick, disableSpeakingIndicator, + disableMetadata, ...htmlProps - }: ParticipantTileProps, + }: ParticipantTileExtendedProps, ref ) { const trackReference = useEnsureTrackRef(trackRef) @@ -119,50 +124,56 @@ export const ParticipantTile: ( participant={trackReference.participant} /> -
- - -
- {trackReference.source === Track.Source.Camera ? ( - <> - {isHandRaised && ( - - )} - {isEncrypted && ( - - )} - - - ) : ( - <> - - 's screen - - )} -
-
- -
+ {!disableMetadata && ( +
+ + +
+ {trackReference.source === Track.Source.Camera ? ( + <> + {isHandRaised && ( + + )} + {isEncrypted && ( + + )} + + + ) : ( + <> + + 's screen + + )} +
+
+ +
+ )} )} - + {!disableMetadata && }