44 lines
1.3 KiB
JavaScript
44 lines
1.3 KiB
JavaScript
// @flow
|
|
|
|
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
|
|
import React from 'react';
|
|
import { useSelector } from 'react-redux';
|
|
|
|
import {
|
|
getClientHeight,
|
|
getClientWidth
|
|
} from '../../../base/modal/components/functions.native';
|
|
import { Chat } from '../../../chat';
|
|
import { chatTabBarOptions } from '../../../conference/components/native/ConferenceNavigatorScreenOptions';
|
|
import { screen } from '../../../conference/components/native/routes';
|
|
import { PollsPane } from '../../../polls/components';
|
|
|
|
const ChatTab = createMaterialTopTabNavigator();
|
|
|
|
|
|
const ChatAndPolls = () => {
|
|
const clientHeight = useSelector(getClientHeight);
|
|
const clientWidth = useSelector(getClientWidth);
|
|
|
|
return (
|
|
<ChatTab.Navigator
|
|
backBehavior = 'none'
|
|
initialLayout = {{
|
|
height: clientHeight,
|
|
width: clientWidth
|
|
}}
|
|
tabBarOptions = {{
|
|
...chatTabBarOptions
|
|
}}>
|
|
<ChatTab.Screen
|
|
component = { Chat }
|
|
name = { screen.conference.chatandpolls.tab.chat } />
|
|
<ChatTab.Screen
|
|
component = { PollsPane }
|
|
name = { screen.conference.chatandpolls.tab.polls } />
|
|
</ChatTab.Navigator>
|
|
);
|
|
};
|
|
|
|
export default ChatAndPolls;
|