Always show audio mute icon in group calls

This commit is contained in:
Evan Hahn 2021-12-08 09:22:37 -06:00 committed by GitHub
parent f9e98836b0
commit 9f4a01c535
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 40 additions and 33 deletions

View file

@ -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>