feat(native-participants-pane) fixed lint errors
This commit is contained in:
parent
8b44e06f2c
commit
bdd6638067
|
@ -13,35 +13,35 @@ let buttonContent;
|
||||||
*/
|
*/
|
||||||
type Props = {
|
type Props = {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Button content.
|
||||||
|
*/
|
||||||
|
content?: string,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Is the button icon type?
|
* Is the button icon type?
|
||||||
*/
|
*/
|
||||||
iconButton: boolean,
|
iconButton?: boolean,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Style for the icon
|
* Style for the icon
|
||||||
*/
|
*/
|
||||||
iconStyle: Object,
|
iconStyle?: Object,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Size of the icon.
|
* Size of the icon.
|
||||||
*/
|
*/
|
||||||
iconSize: number,
|
iconSize?: number,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Icon component source.
|
* Icon component source.
|
||||||
*/
|
*/
|
||||||
iconSrc?: Object,
|
iconSrc?: Object,
|
||||||
|
|
||||||
/**
|
|
||||||
* Button content.
|
|
||||||
*/
|
|
||||||
content: string,
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Button mode.
|
* Button mode.
|
||||||
*/
|
*/
|
||||||
mode: string,
|
mode?: string,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Style of button's inner content.
|
* Style of button's inner content.
|
||||||
|
@ -51,17 +51,17 @@ type Props = {
|
||||||
/**
|
/**
|
||||||
* The action to be performed when the button is pressed.
|
* The action to be performed when the button is pressed.
|
||||||
*/
|
*/
|
||||||
onPress: Function,
|
onPress?: Function,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* An external style object passed to the component.
|
* An external style object passed to the component.
|
||||||
*/
|
*/
|
||||||
style: Object,
|
style?: Object,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Theme to be applied.
|
* Theme to be applied.
|
||||||
*/
|
*/
|
||||||
theme: Object
|
theme?: Object
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -1,12 +1,36 @@
|
||||||
// @flow
|
// @flow
|
||||||
|
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
import { useTranslation } from 'react-i18next';
|
||||||
import { View } from 'react-native';
|
import { View } from 'react-native';
|
||||||
|
import { Text } from 'react-native-paper';
|
||||||
import { useSelector } from 'react-redux';
|
import { useSelector } from 'react-redux';
|
||||||
|
|
||||||
// import { getLobbyState } from '../../../lobby/functions';
|
import { getLobbyState } from '../../../lobby/functions';
|
||||||
|
|
||||||
import { LobbyParticipantItem } from './LobbyParticipantItem';
|
import { LobbyParticipantItem } from './LobbyParticipantItem';
|
||||||
import { participants } from './participants';
|
import { participants } from './participants';
|
||||||
|
|
||||||
export const LobbyParticipantList = () => null;
|
export const LobbyParticipantList = () => {
|
||||||
|
const {
|
||||||
|
lobbyEnabled
|
||||||
|
} = useSelector(getLobbyState);
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
if (!lobbyEnabled || !participants.length) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Text>{t('participantsPane.headings.lobby', { count: participants.length })}</Text>
|
||||||
|
<View>
|
||||||
|
{participants.map(p => (
|
||||||
|
<LobbyParticipantItem
|
||||||
|
key = { p.id }
|
||||||
|
participant = { p } />)
|
||||||
|
)}
|
||||||
|
</View>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
|
@ -1,19 +0,0 @@
|
||||||
// @flow
|
|
||||||
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
import ParticipantItem from './ParticipantItem';
|
|
||||||
|
|
||||||
|
|
||||||
type Props = {
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Participant reference
|
|
||||||
*/
|
|
||||||
participant: Object
|
|
||||||
};
|
|
||||||
|
|
||||||
export const MeetingParticipantItem = ({ participant: p }: Props) => (
|
|
||||||
<ParticipantItem
|
|
||||||
participant = { p } />
|
|
||||||
);
|
|
|
@ -1,36 +0,0 @@
|
||||||
// @flow
|
|
||||||
|
|
||||||
import React from 'react';
|
|
||||||
import { useTranslation } from 'react-i18next';
|
|
||||||
import { View } from 'react-native';
|
|
||||||
import { Text } from 'react-native-paper';
|
|
||||||
import { useSelector } from 'react-redux';
|
|
||||||
|
|
||||||
import { getParticipants } from '../../../base/participants';
|
|
||||||
|
|
||||||
import { MeetingParticipantItem } from './MeetingParticipantItem';
|
|
||||||
import styles from './styles';
|
|
||||||
|
|
||||||
|
|
||||||
export const MeetingParticipantList = () => {
|
|
||||||
const participants = useSelector(getParticipants);
|
|
||||||
const { t } = useTranslation();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<View style = { styles.lobbyListContainer }>
|
|
||||||
<Text>
|
|
||||||
{
|
|
||||||
t('participantsPane.headings.participantsList',
|
|
||||||
{ count: participants.length }
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</Text>
|
|
||||||
{
|
|
||||||
participants.map(p => (
|
|
||||||
<MeetingParticipantItem
|
|
||||||
key = { p.id }
|
|
||||||
participant = { p } />)
|
|
||||||
)}
|
|
||||||
</View>
|
|
||||||
);
|
|
||||||
};
|
|
|
@ -9,7 +9,6 @@ import { useSelector } from 'react-redux';
|
||||||
import { Avatar } from '../../../base/avatar';
|
import { Avatar } from '../../../base/avatar';
|
||||||
import { getParticipantDisplayNameWithId } from '../../../base/participants';
|
import { getParticipantDisplayNameWithId } from '../../../base/participants';
|
||||||
import {
|
import {
|
||||||
ActionTrigger,
|
|
||||||
AudioStateIcons,
|
AudioStateIcons,
|
||||||
MediaState,
|
MediaState,
|
||||||
VideoStateIcons
|
VideoStateIcons
|
||||||
|
@ -20,11 +19,6 @@ import styles from './styles';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
|
|
||||||
/**
|
|
||||||
* Type of trigger for the participant actions
|
|
||||||
*/
|
|
||||||
actionsTrigger: ActionTrigger,
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Media state for audio
|
* Media state for audio
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -9,7 +9,7 @@ import { useDispatch, useSelector } from 'react-redux';
|
||||||
import { IconClose, IconHorizontalPoints } from '../../../base/icons';
|
import { IconClose, IconHorizontalPoints } from '../../../base/icons';
|
||||||
import { JitsiModal } from '../../../base/modal';
|
import { JitsiModal } from '../../../base/modal';
|
||||||
import { isLocalParticipantModerator } from '../../../base/participants';
|
import { isLocalParticipantModerator } from '../../../base/participants';
|
||||||
import { close } from '../../actions.native';
|
import { close } from '../../actions.any';
|
||||||
|
|
||||||
import Button from './Button';
|
import Button from './Button';
|
||||||
import { LobbyParticipantList } from './LobbyParticipantList';
|
import { LobbyParticipantList } from './LobbyParticipantList';
|
||||||
|
|
Loading…
Reference in New Issue