mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-14 12:57:49 +00:00
e2ec4842a1
Filters the toolbarButtons in redux depending on the visitor state instead of filtering them every time in mapStateToProps. This will prevent unnecessary rerenders of the toolbar. Additionally: - Moves visitor buttons const from features/config in features/toolbox. - Removes dublicate functions isButtonEnabled and isToolbarButtonEnabled. - Adds more buttons to the visitor allowed buttons which functionality has been any way accessible trough shortcuts or somewhere else. - Enables customButtons to be visible for visitors.
114 lines
2.3 KiB
TypeScript
114 lines
2.3 KiB
TypeScript
import { ToolbarButton } from './types';
|
|
|
|
/**
|
|
* Thresholds for displaying toolbox buttons.
|
|
*/
|
|
export const THRESHOLDS = [
|
|
{
|
|
width: 565,
|
|
order: [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'reactions', 'participants', 'tileview' ]
|
|
},
|
|
{
|
|
width: 520,
|
|
order: [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'participants', 'tileview' ]
|
|
},
|
|
{
|
|
width: 470,
|
|
order: [ 'microphone', 'camera', 'desktop', 'chat', 'raisehand', 'participants' ]
|
|
},
|
|
{
|
|
width: 420,
|
|
order: [ 'microphone', 'camera', 'desktop', 'chat', 'participants' ]
|
|
},
|
|
{
|
|
width: 370,
|
|
order: [ 'microphone', 'camera', 'chat', 'participants' ]
|
|
},
|
|
{
|
|
width: 225,
|
|
order: [ 'microphone', 'camera', 'chat' ]
|
|
},
|
|
{
|
|
width: 200,
|
|
order: [ 'microphone', 'camera' ]
|
|
}
|
|
];
|
|
|
|
export const NOT_APPLICABLE = 'N/A';
|
|
|
|
export const TOOLBAR_TIMEOUT = 4000;
|
|
|
|
export const DRAWER_MAX_HEIGHT = '80dvh - 64px';
|
|
|
|
export const NOTIFY_CLICK_MODE = {
|
|
ONLY_NOTIFY: 'ONLY_NOTIFY',
|
|
PREVENT_AND_NOTIFY: 'PREVENT_AND_NOTIFY'
|
|
};
|
|
|
|
// Around 300 to be displayed above components like chat
|
|
export const ZINDEX_DIALOG_PORTAL = 302;
|
|
|
|
/**
|
|
* Color for spinner displayed in the toolbar.
|
|
*/
|
|
export const SPINNER_COLOR = '#929292';
|
|
|
|
|
|
/**
|
|
* The list of all possible UI buttons.
|
|
*
|
|
* @protected
|
|
* @type Array<string>
|
|
*/
|
|
export const TOOLBAR_BUTTONS: ToolbarButton[] = [
|
|
'camera',
|
|
'chat',
|
|
'closedcaptions',
|
|
'desktop',
|
|
'download',
|
|
'embedmeeting',
|
|
'etherpad',
|
|
'feedback',
|
|
'filmstrip',
|
|
'fullscreen',
|
|
'hangup',
|
|
'help',
|
|
'highlight',
|
|
'invite',
|
|
'linktosalesforce',
|
|
'livestreaming',
|
|
'microphone',
|
|
'mute-everyone',
|
|
'mute-video-everyone',
|
|
'participants-pane',
|
|
'profile',
|
|
'raisehand',
|
|
'recording',
|
|
'security',
|
|
'select-background',
|
|
'settings',
|
|
'shareaudio',
|
|
'noisesuppression',
|
|
'sharedvideo',
|
|
'shortcuts',
|
|
'stats',
|
|
'tileview',
|
|
'toggle-camera',
|
|
'videoquality',
|
|
'whiteboard'
|
|
];
|
|
|
|
/**
|
|
* The toolbar buttons to show when in visitors mode.
|
|
*/
|
|
export const VISITORS_MODE_BUTTONS: ToolbarButton[] = [
|
|
'chat',
|
|
'hangup',
|
|
'raisehand',
|
|
'settings',
|
|
'tileview',
|
|
'fullscreen',
|
|
'stats',
|
|
'videoquality'
|
|
];
|