Animate raised hand button

Co-authored-by: Jamie Kyle <jamie@signal.org>
This commit is contained in:
ayumi-signal 2024-01-19 14:00:13 -08:00 committed by GitHub
parent 7fe17d2073
commit 13e44f087e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 217 additions and 30 deletions

View file

@ -75,7 +75,10 @@ import { Spinner } from './Spinner';
import type { Props as ReactionPickerProps } from './conversation/ReactionPicker';
import type { SmartReactionPicker } from '../state/smart/ReactionPicker';
import { Emoji } from './emoji/Emoji';
import { CallingRaisedHandsList } from './CallingRaisedHandsList';
import {
CallingRaisedHandsList,
CallingRaisedHandsListButton,
} from './CallingRaisedHandsList';
import type { CallReactionBurstType } from './CallReactionBurst';
import {
CallReactionBurstProvider,
@ -744,24 +747,15 @@ export function CallScreen({
)}
{remoteParticipantsElement}
{lonelyInCallNode}
{raisedHands && raisedHandsCount > 0 && (
{raisedHands && (
<>
<button
className="CallingRaisedHandsList__Button"
<CallingRaisedHandsListButton
i18n={i18n}
syncedLocalHandRaised={syncedLocalHandRaised}
raisedHandsCount={raisedHandsCount}
onClick={toggleRaisedHandsList}
type="button"
>
<span className="CallingRaisedHandsList__ButtonIcon" />
{syncedLocalHandRaised ? (
<>
{i18n('icu:you')}
{raisedHandsCount > 1 && ` + ${String(raisedHandsCount - 1)}`}
</>
) : (
raisedHandsCount
)}
</button>
{showRaisedHandsList && (
/>
{showRaisedHandsList && raisedHandsCount > 0 && (
<CallingRaisedHandsList
i18n={i18n}
onClose={() => setShowRaisedHandsList(false)}