[RN] Add recent-list feature

This commit is contained in:
Zoltan Bettenbuk
2017-12-13 11:35:42 +01:00
committed by Lyubo Marinov
parent 3aedce11f2
commit 45c405de0e
21 changed files with 1041 additions and 121 deletions

View File

@@ -2,15 +2,16 @@ import React from 'react';
import { TextInput, TouchableHighlight, View } from 'react-native';
import { connect } from 'react-redux';
import { AbstractWelcomePage, _mapStateToProps } from './AbstractWelcomePage';
import LocalVideoTrackUnderlay from './LocalVideoTrackUnderlay';
import styles, { PLACEHOLDER_TEXT_COLOR } from './styles';
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';
import { RecentList } from '../../recent-list';
/**
* The URL at which the privacy policy is available to the user.
@@ -67,9 +68,6 @@ class WelcomePage extends AbstractWelcomePage {
return (
<LocalVideoTrackUnderlay style = { styles.welcomePage }>
<View style = { styles.roomContainer }>
<Text style = { styles.title }>
{ t('welcomepage.roomname') }
</Text>
<TextInput
accessibilityLabel = { 'Input room name.' }
autoCapitalize = 'none'
@@ -77,13 +75,15 @@ class WelcomePage extends AbstractWelcomePage {
autoCorrect = { false }
autoFocus = { false }
onChangeText = { this._onRoomChange }
placeholder = { t('welcomepage.roomnamePlaceHolder') }
placeholder = { t('welcomepage.roomname') }
placeholderTextColor = { PLACEHOLDER_TEXT_COLOR }
style = { styles.textInput }
underlineColorAndroid = 'transparent'
value = { this.state.room } />
{
this._renderJoinButton()
}
<RecentList />
</View>
{
this._renderLegalese()

View File

@@ -10,6 +10,8 @@ import {
*/
const TEXT_COLOR = ColorPalette.white;
export const PLACEHOLDER_TEXT_COLOR = 'rgba(255, 255, 255, 0.3)';
/**
* The styles of the React {@code Components} of the feature welcome including
* {@code WelcomePage} and {@code BlankPage}.
@@ -83,7 +85,8 @@ export default createStyleSheet({
flex: 1,
flexDirection: 'column',
justifyContent: 'center',
margin: 3 * BoxModel.margin
margin: 3 * BoxModel.margin,
marginBottom: BoxModel.margin
},
/**