diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx index d1ca2d3..dd93f01 100644 --- a/src/room/InCallView.tsx +++ b/src/room/InCallView.tsx @@ -289,6 +289,7 @@ export function InCallView({ targetWidth={bounds.width} key={maximisedParticipant.id} data={maximisedParticipant.data} + showSpeakingIndicator={false} /> ); } @@ -300,7 +301,11 @@ export function InCallView({ disableAnimations={prefersReducedMotion || isSafari} > {(props) => ( - } /> + 2} + {...props} + ref={props.ref as Ref} + /> )} ); diff --git a/src/video-grid/VideoTile.tsx b/src/video-grid/VideoTile.tsx index 703d3da..aaf2c1a 100644 --- a/src/video-grid/VideoTile.tsx +++ b/src/video-grid/VideoTile.tsx @@ -53,10 +53,21 @@ interface Props { targetHeight: number; className?: string; style?: React.ComponentProps["style"]; + showSpeakingIndicator: boolean; } export const VideoTile = React.forwardRef( - ({ data, className, style, targetWidth, targetHeight }, tileRef) => { + ( + { + data, + className, + style, + targetWidth, + targetHeight, + showSpeakingIndicator, + }, + tileRef + ) => { const { t } = useTranslation(); const { content, sfuParticipant, member } = data; @@ -96,7 +107,10 @@ export const VideoTile = React.forwardRef(