mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-20 03:47:47 +00:00
9ebab2c7d0
* fix: Fixes wrong warning message. * fix: Detect enables/disables visitors for a room. * fix: We need customusername in all cases of auto-allow setting. * feat: Sends promotion-request to all moderators. * feat(visitors): Implements request promotion. * feat(visitors): Implements single moderator and vpass cases for moderators. * fix: Fixes clearing request instances from UI. * feat: Implements visitors approval for mobile. * squash: Drops unused and wrong report for auto allow promotion. * squash: Returns early based on count. * squash: Moves translation to common key. * squash: Adds dependencies for useCallback. * squash: comments. * squash: Refactor 1 to unify with native. * squash: Rename some styles. * squash: Fixes error dew to fewer hooks error. * squash: Renames VISITOR_PROMOTION_REQUEST_DENIED. * squash: Fix renaming component. * squash: Suggestions.
68 lines
2.4 KiB
TypeScript
68 lines
2.4 KiB
TypeScript
import React, { useCallback } from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { TouchableOpacity, View, ViewStyle } from 'react-native';
|
|
import { Text } from 'react-native-paper';
|
|
import { useDispatch, useSelector } from 'react-redux';
|
|
|
|
import Avatar from '../../../base/avatar/components/Avatar';
|
|
import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
|
|
import Icon from '../../../base/icons/components/Icon';
|
|
import { IconCloseLarge } from '../../../base/icons/svg';
|
|
import { IParticipant } from '../../../base/participants/types';
|
|
import { setKnockingParticipantApproval } from '../../../lobby/actions.native';
|
|
import { getKnockingParticipantsById } from '../../../lobby/functions';
|
|
|
|
import styles from './styles';
|
|
|
|
interface IProps {
|
|
|
|
/**
|
|
* Participant reference.
|
|
*/
|
|
participant: IParticipant;
|
|
}
|
|
|
|
const ContextMenuLobbyParticipantReject = ({ participant: p }: IProps) => {
|
|
const dispatch = useDispatch();
|
|
const knockParticipantsIDArr = useSelector(getKnockingParticipantsById);
|
|
const knockParticipantIsAvailable = knockParticipantsIDArr.find(knockPartId => knockPartId === p.id);
|
|
const displayName = p.name;
|
|
const reject = useCallback(() => {
|
|
dispatch(setKnockingParticipantApproval(p.id, false));
|
|
},
|
|
[ dispatch ]);
|
|
const { t } = useTranslation();
|
|
|
|
// eslint-disable-next-line react/no-multi-comp
|
|
const renderMenuHeader = () => (
|
|
<View
|
|
style = { styles.contextMenuItemSectionAvatar as ViewStyle }>
|
|
<Avatar
|
|
participantId = { p.id }
|
|
size = { 24 } />
|
|
<Text style = { styles.contextMenuItemName }>
|
|
{ displayName }
|
|
</Text>
|
|
</View>
|
|
);
|
|
|
|
return (
|
|
<BottomSheet
|
|
addScrollViewPadding = { false }
|
|
/* eslint-disable-next-line react/jsx-no-bind */
|
|
renderHeader = { renderMenuHeader }
|
|
showSlidingView = { Boolean(knockParticipantIsAvailable) }>
|
|
<TouchableOpacity
|
|
onPress = { reject }
|
|
style = { styles.contextMenuItem as ViewStyle }>
|
|
<Icon
|
|
size = { 24 }
|
|
src = { IconCloseLarge } />
|
|
<Text style = { styles.contextMenuItemText }>{ t('participantsPane.actions.reject') }</Text>
|
|
</TouchableOpacity>
|
|
</BottomSheet>
|
|
);
|
|
};
|
|
|
|
export default ContextMenuLobbyParticipantReject;
|