Always show audio mute icon in group calls
This commit is contained in:
parent
f9e98836b0
commit
9f4a01c535
2 changed files with 40 additions and 33 deletions
|
@ -80,7 +80,6 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
|
|||
const [isWide, setIsWide] = useState<boolean>(
|
||||
videoAspectRatio ? videoAspectRatio >= 1 : true
|
||||
);
|
||||
const [hasHover, setHover] = useState(false);
|
||||
const [showBlockInfo, setShowBlockInfo] = useState(false);
|
||||
|
||||
// We have some state (`hasReceivedVideoRecently`) and this ref. We can't have a
|
||||
|
@ -238,8 +237,6 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
|
|||
}
|
||||
}
|
||||
|
||||
const showHover = hasHover && !props.isInPip;
|
||||
|
||||
return (
|
||||
<>
|
||||
{showBlockInfo && (
|
||||
|
@ -266,22 +263,20 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
|
|||
<div
|
||||
className="module-ongoing-call__group-call-remote-participant"
|
||||
ref={intersectionRef}
|
||||
onMouseEnter={() => setHover(true)}
|
||||
onMouseLeave={() => setHover(false)}
|
||||
style={containerStyles}
|
||||
>
|
||||
{showHover && (
|
||||
{!props.isInPip && (
|
||||
<div
|
||||
className={classNames(
|
||||
'module-ongoing-call__group-call-remote-participant--title',
|
||||
'module-ongoing-call__group-call-remote-participant__info',
|
||||
{
|
||||
'module-ongoing-call__group-call-remote-participant--audio-muted':
|
||||
'module-ongoing-call__group-call-remote-participant__info--audio-muted':
|
||||
!hasRemoteAudio,
|
||||
}
|
||||
)}
|
||||
>
|
||||
<ContactName
|
||||
module="module-ongoing-call__group-call-remote-participant--contact-name"
|
||||
module="module-ongoing-call__group-call-remote-participant__info__contact-name"
|
||||
title={title}
|
||||
/>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue