Raise Hand in Group Calls

This commit is contained in:
ayumi-signal 2023-12-06 13:52:29 -08:00 committed by GitHub
parent 45aeaeefd4
commit d6db3f7943
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
33 changed files with 1050 additions and 51 deletions

View file

@ -80,6 +80,7 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
demuxId,
hasRemoteAudio,
hasRemoteVideo,
isHandRaised,
isBlocked,
isMe,
profileName,
@ -295,7 +296,9 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
isSpeaking &&
!isActiveSpeakerInSpeakerView &&
remoteParticipantsCount > 1 &&
'module-ongoing-call__group-call-remote-participant--speaking'
'module-ongoing-call__group-call-remote-participant--speaking',
isHandRaised &&
'module-ongoing-call__group-call-remote-participant--hand-raised'
)}
ref={intersectionRef}
style={containerStyles}
@ -307,15 +310,16 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
audioLevel={props.audioLevel}
shouldShowSpeaking={isSpeaking}
/>
<div
className={classNames(
'module-ongoing-call__group-call-remote-participant__info'
)}
>
<ContactName
module="module-ongoing-call__group-call-remote-participant__info__contact-name"
title={title}
/>
<div className="module-ongoing-call__group-call-remote-participant__footer">
<div className="module-ongoing-call__group-call-remote-participant__info">
{isHandRaised && (
<div className="CallingStatusIndicator CallingStatusIndicator--HandRaised" />
)}
<ContactName
module="module-ongoing-call__group-call-remote-participant__info__contact-name"
title={title}
/>
</div>
</div>
</>
)}