127 lines
4.9 KiB
JavaScript
127 lines
4.9 KiB
JavaScript
// @flow
|
|
|
|
import { NavigationContainer } from '@react-navigation/native';
|
|
import { createStackNavigator } from '@react-navigation/stack';
|
|
import React from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { SafeAreaProvider } from 'react-native-safe-area-context';
|
|
import { useSelector } from 'react-redux';
|
|
|
|
import { Chat, ChatAndPolls } from '../../../chat';
|
|
import { SharedDocument } from '../../../etherpad';
|
|
import AddPeopleDialog
|
|
from '../../../invite/components/add-people-dialog/native/AddPeopleDialog';
|
|
import LobbyScreen from '../../../lobby/components/native/LobbyScreen';
|
|
import { ParticipantsPane } from '../../../participants-pane/components/native';
|
|
import SecurityDialog
|
|
from '../../../security/components/security-dialog/native/SecurityDialog';
|
|
import SpeakerStats
|
|
from '../../../speaker-stats/components/native/SpeakerStats';
|
|
import { getDisablePolls } from '../../functions';
|
|
|
|
import Conference from './Conference';
|
|
import {
|
|
conferenceNavigationRef
|
|
} from './ConferenceNavigationContainerRef';
|
|
import {
|
|
chatScreenOptions,
|
|
conferenceScreenOptions,
|
|
inviteScreenOptions,
|
|
lobbyScreenOptions,
|
|
navigationContainerTheme,
|
|
participantsScreenOptions,
|
|
securityScreenOptions,
|
|
sharedDocumentScreenOptions,
|
|
speakerStatsScreenOptions
|
|
} from './ConferenceNavigatorScreenOptions';
|
|
import { screen } from './routes';
|
|
|
|
const ConferenceStack = createStackNavigator();
|
|
|
|
|
|
const ConferenceNavigationContainer = () => {
|
|
const isPollsDisabled = useSelector(getDisablePolls);
|
|
let ChatScreen;
|
|
let chatScreenName;
|
|
let chatTitleString;
|
|
|
|
if (isPollsDisabled) {
|
|
ChatScreen = Chat;
|
|
chatScreenName = screen.conference.chat;
|
|
chatTitleString = 'chat.title';
|
|
} else {
|
|
ChatScreen = ChatAndPolls;
|
|
chatScreenName = screen.conference.chatandpolls.main;
|
|
chatTitleString = 'chat.titleWithPolls';
|
|
}
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<SafeAreaProvider>
|
|
<NavigationContainer
|
|
independent = { true }
|
|
ref = { conferenceNavigationRef }
|
|
theme = { navigationContainerTheme }>
|
|
<ConferenceStack.Navigator
|
|
initialRouteName = { screen.conference.main }
|
|
screenOptions = {{
|
|
presentation: 'modal'
|
|
}}>
|
|
<ConferenceStack.Screen
|
|
component = { Conference }
|
|
name = { screen.conference.main }
|
|
options = { conferenceScreenOptions } />
|
|
<ConferenceStack.Screen
|
|
component = { ChatScreen }
|
|
name = { chatScreenName }
|
|
options = {{
|
|
...chatScreenOptions,
|
|
title: t(chatTitleString)
|
|
}} />
|
|
<ConferenceStack.Screen
|
|
component = { ParticipantsPane }
|
|
name = { screen.conference.participants }
|
|
options = {{
|
|
...participantsScreenOptions,
|
|
title: t('participantsPane.header')
|
|
}} />
|
|
<ConferenceStack.Screen
|
|
component = { SecurityDialog }
|
|
name = { screen.conference.security }
|
|
options = {{
|
|
...securityScreenOptions,
|
|
title: t('security.header')
|
|
}} />
|
|
<ConferenceStack.Screen
|
|
component = { SpeakerStats }
|
|
name = { screen.conference.speakerStats }
|
|
options = {{
|
|
...speakerStatsScreenOptions,
|
|
title: t('speakerStats.speakerStats')
|
|
}} />
|
|
<ConferenceStack.Screen
|
|
component = { LobbyScreen }
|
|
name = { screen.lobby }
|
|
options = { lobbyScreenOptions } />
|
|
<ConferenceStack.Screen
|
|
component = { AddPeopleDialog }
|
|
name = { screen.conference.invite }
|
|
options = {{
|
|
...inviteScreenOptions,
|
|
title: t('addPeople.add')
|
|
}} />
|
|
<ConferenceStack.Screen
|
|
component = { SharedDocument }
|
|
name = { screen.conference.sharedDocument }
|
|
options = {{
|
|
...sharedDocumentScreenOptions,
|
|
title: t('documentSharing.title')
|
|
}} />
|
|
</ConferenceStack.Navigator>
|
|
</NavigationContainer>
|
|
</SafeAreaProvider>
|
|
);
|
|
};
|
|
|
|
export default ConferenceNavigationContainer;
|