2021-06-03 16:23:18 +00:00
|
|
|
// @flow
|
|
|
|
|
|
|
|
import React, { useCallback } from 'react';
|
|
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
import { TouchableOpacity } from 'react-native';
|
|
|
|
import { Text } from 'react-native-paper';
|
|
|
|
import { useDispatch } from 'react-redux';
|
|
|
|
|
2021-06-15 07:31:58 +00:00
|
|
|
import { openDialog, hideDialog } from '../../../base/dialog/actions';
|
2021-06-03 16:23:18 +00:00
|
|
|
import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
|
|
|
|
import {
|
|
|
|
Icon, IconMicDisabledHollow,
|
|
|
|
IconVideoOff
|
|
|
|
} from '../../../base/icons';
|
|
|
|
import { MEDIA_TYPE } from '../../../base/media';
|
2021-06-15 07:31:58 +00:00
|
|
|
import { BlockAudioVideoDialog } from '../../../video-menu';
|
2021-06-08 14:10:49 +00:00
|
|
|
import {
|
2021-06-08 15:43:10 +00:00
|
|
|
muteAllParticipants
|
2021-06-08 14:10:49 +00:00
|
|
|
} from '../../../video-menu/actions.any';
|
2021-06-03 16:23:18 +00:00
|
|
|
|
|
|
|
import styles from './styles';
|
|
|
|
type Props = {
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Array of participant IDs to not mute
|
|
|
|
*/
|
|
|
|
exclude: Array<string>,
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Participant reference
|
|
|
|
*/
|
|
|
|
participant: Object
|
|
|
|
};
|
|
|
|
|
|
|
|
export const ContextMenuMore = ({ exclude }: Props) => {
|
|
|
|
const dispatch = useDispatch();
|
2021-06-15 07:31:58 +00:00
|
|
|
const blockAudioVideo = useCallback(() => dispatch(openDialog(BlockAudioVideoDialog)), [ dispatch ]);
|
2021-06-03 16:23:18 +00:00
|
|
|
const cancel = useCallback(() => dispatch(hideDialog()), [ dispatch ]);
|
|
|
|
const muteEveryoneVideo = useCallback(() => dispatch(muteAllParticipants(exclude, MEDIA_TYPE.VIDEO)), [ dispatch ]);
|
|
|
|
const { t } = useTranslation();
|
|
|
|
|
|
|
|
return (
|
|
|
|
<BottomSheet
|
|
|
|
onCancel = { cancel }
|
|
|
|
style = { styles.contextMenuMore }>
|
|
|
|
<TouchableOpacity
|
|
|
|
onPress = { muteEveryoneVideo }
|
2021-06-04 15:07:18 +00:00
|
|
|
style = { styles.contextMenuItem }>
|
2021-06-03 16:23:18 +00:00
|
|
|
<Icon
|
2021-06-09 15:35:58 +00:00
|
|
|
size = { 20 }
|
2021-06-03 16:23:18 +00:00
|
|
|
src = { IconVideoOff } />
|
|
|
|
<Text style = { styles.contextMenuItemText }>{t('participantsPane.actions.stopEveryonesVideo')}</Text>
|
|
|
|
</TouchableOpacity>
|
|
|
|
<TouchableOpacity
|
2021-06-15 07:31:58 +00:00
|
|
|
onPress = { blockAudioVideo }
|
2021-06-04 15:07:18 +00:00
|
|
|
style = { styles.contextMenuItem }>
|
2021-06-03 16:23:18 +00:00
|
|
|
<Icon
|
2021-06-09 15:35:58 +00:00
|
|
|
size = { 20 }
|
2021-06-03 16:23:18 +00:00
|
|
|
src = { IconMicDisabledHollow }
|
|
|
|
style = { styles.contextMenuIcon } />
|
2021-06-15 07:31:58 +00:00
|
|
|
<Text style = { styles.contextMenuItemText }>{t('participantsPane.actions.blockAudioVideo')}</Text>
|
2021-06-03 16:23:18 +00:00
|
|
|
</TouchableOpacity>
|
|
|
|
</BottomSheet>
|
|
|
|
);
|
|
|
|
};
|