Update call view icons

This commit is contained in:
ayumi-signal 2024-11-13 09:39:43 -08:00 committed by GitHub
parent 5762c8a37f
commit be8da842b8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 23 additions and 21 deletions

View file

@ -164,7 +164,7 @@ const createActiveCallProp = (
hasLocalAudio: overrideProps.hasLocalAudio ?? false,
hasLocalVideo: overrideProps.hasLocalVideo ?? false,
localAudioLevel: overrideProps.localAudioLevel ?? 0,
viewMode: overrideProps.viewMode ?? CallViewMode.Overflow,
viewMode: overrideProps.viewMode ?? CallViewMode.Sidebar,
outgoingRing: true,
pip: false,
settingsDialogOpen: false,
@ -450,7 +450,7 @@ export function GroupCallManyOverflow(): JSX.Element {
{...createProps({
callMode: CallMode.Group,
remoteParticipants: allRemoteParticipants,
viewMode: CallViewMode.Overflow,
viewMode: CallViewMode.Sidebar,
})}
/>
);
@ -461,7 +461,7 @@ export function GroupCallManyOverflowEveryoneTalking(): JSX.Element {
createProps({
callMode: CallMode.Group,
remoteParticipants: allRemoteParticipants,
viewMode: CallViewMode.Overflow,
viewMode: CallViewMode.Sidebar,
})
);
@ -668,7 +668,7 @@ export function GroupCallReactions(): JSX.Element {
createProps({
callMode: CallMode.Group,
remoteParticipants,
viewMode: CallViewMode.Overflow,
viewMode: CallViewMode.Sidebar,
})
);
@ -685,7 +685,7 @@ export function GroupCallReactionsSpam(): JSX.Element {
createProps({
callMode: CallMode.Group,
remoteParticipants,
viewMode: CallViewMode.Overflow,
viewMode: CallViewMode.Sidebar,
})
);
@ -703,7 +703,7 @@ export function GroupCallReactionsSkinTones(): JSX.Element {
createProps({
callMode: CallMode.Group,
remoteParticipants,
viewMode: CallViewMode.Overflow,
viewMode: CallViewMode.Sidebar,
})
);
@ -731,7 +731,7 @@ export function GroupCallReactionsManyInOrder(): JSX.Element {
createProps({
callMode: CallMode.Group,
remoteParticipants,
viewMode: CallViewMode.Overflow,
viewMode: CallViewMode.Sidebar,
reactions,
})
);
@ -790,7 +790,7 @@ export function GroupCallHandRaising(): JSX.Element {
createProps({
callMode: CallMode.Group,
remoteParticipants,
viewMode: CallViewMode.Overflow,
viewMode: CallViewMode.Sidebar,
})
);

View file

@ -48,10 +48,10 @@ export function CallingHeader({
value: CallViewMode.Paginated,
},
{
icon: 'CallSettingsButton__Icon--OverflowView',
icon: 'CallSettingsButton__Icon--SidebarView',
label: i18n('icu:calling__view_mode--overflow'),
onClick: () => changeCallView(CallViewMode.Overflow),
value: CallViewMode.Overflow,
onClick: () => changeCallView(CallViewMode.Sidebar),
value: CallViewMode.Sidebar,
},
{
icon: 'CallSettingsButton__Icon--SpeakerView',
@ -146,7 +146,7 @@ export function CallingHeader({
}
const CALL_VIEW_MODE_ICON_CLASSNAMES: Record<CallViewMode, string> = {
[CallViewMode.Overflow]: 'CallSettingsButton__Icon--OverflowView',
[CallViewMode.Sidebar]: 'CallSettingsButton__Icon--SidebarView',
[CallViewMode.Paginated]: 'CallSettingsButton__Icon--PaginatedView',
[CallViewMode.Speaker]: 'CallSettingsButton__Icon--SpeakerView',
[CallViewMode.Presentation]: 'CallSettingsButton__Icon--SpeakerView',

View file

@ -229,7 +229,7 @@ export function GroupCallRemoteParticipants({
0
);
// In speaker or overflow views, not all participants will be on the grid; they'll
// In speaker or sidebar views, not all participants will be on the grid; they'll
// get put in the overflow zone.
const overflowedParticipants: Array<GroupCallRemoteParticipantType> = useMemo(
() =>