import React from 'react'; import { TextInput, TouchableHighlight, View } from 'react-native'; import { connect } from 'react-redux'; import { translate } from '../../base/i18n'; import { MEDIA_TYPE } from '../../base/media'; import { Link, LoadingIndicator, Text } from '../../base/react'; import { ColorPalette } from '../../base/styles'; import { createDesiredLocalTracks } from '../../base/tracks'; import { AbstractWelcomePage, _mapStateToProps } from './AbstractWelcomePage'; import LocalVideoTrackUnderlay from './LocalVideoTrackUnderlay'; import styles from './styles'; /** * The URL at which the privacy policy is available to the user. */ const PRIVACY_URL = 'https://jitsi.org/meet/privacy'; /** * The URL at which the user may send feedback. */ const SEND_FEEDBACK_URL = 'mailto:support@jitsi.org'; /** * The URL at which the terms (of service/use) are available to the user. */ const TERMS_URL = 'https://jitsi.org/meet/terms'; /** * The native container rendering the welcome page. * * @extends AbstractWelcomePage */ class WelcomePage extends AbstractWelcomePage { /** * WelcomePage component's property types. * * @static */ static propTypes = AbstractWelcomePage.propTypes; /** * Implements React's {@link Component#componentWillMount()}. Invoked * immediately before mounting occurs. Creates a local video track if none * is available. * * @inheritdoc * @returns {void} */ componentWillMount() { super.componentWillMount(); this.props.dispatch(createDesiredLocalTracks(MEDIA_TYPE.VIDEO)); } /** * Implements React's {@link Component#render()}. Renders a prompt for * entering a room name. * * @inheritdoc * @returns {ReactElement} */ render() { const { t } = this.props; return ( { t('welcomepage.roomname') } { this._renderJoinButton() } { this._renderLegalese() } ); } /** * Renders the join button. * * @private * @returns {ReactElement} */ _renderJoinButton() { let children; /* eslint-disable no-extra-parens */ if (this.state.joining) { // TouchableHighlight is picky about what its children can be, so // wrap it in a native component, i.e. View to avoid having to // modify non-native children. children = ( ); } else { children = ( { this.props.t('welcomepage.join') } ); } /* eslint-enable no-extra-parens */ return ( { children } ); } /** * Renders legal-related content such as Terms of service/use, Privacy * policy, etc. * * @private * @returns {ReactElement} */ _renderLegalese() { const { t } = this.props; return ( { t('welcomepage.terms') } { t('welcomepage.privacy') } { t('welcomepage.sendFeedback') } ); } } export default translate(connect(_mapStateToProps)(WelcomePage));