Update call view icons
This commit is contained in:
parent
5762c8a37f
commit
be8da842b8
10 changed files with 23 additions and 21 deletions
|
@ -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,
|
||||
})
|
||||
);
|
||||
|
||||
|
|
|
@ -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',
|
||||
|
|
|
@ -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(
|
||||
() =>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue