haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[RN] Increase contrast and consistency in LoadingIndicator use cases

This commit is contained in:
Lyubo Marinov 2017-09-22 15:07:06 -05:00
parent 6fb5c4bc29
commit 1ea62215f6
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
react/features/base/react/components/native/LoadingIndicator.js
View File

@ -3,6 +3,8 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { ActivityIndicator } from 'react-native'; import { ActivityIndicator } from 'react-native';
import { ColorPalette } from '../../../styles';
/** /**
* An animated, large react-native {@link ActivityIndicator} which is considered * An animated, large react-native {@link ActivityIndicator} which is considered
* a suitable visualization of long-running processes with indeterminate amounts * a suitable visualization of long-running processes with indeterminate amounts
@ -19,7 +21,9 @@ export default class LoadingIndicator extends Component {
return ( return (
<ActivityIndicator <ActivityIndicator
animating = { true } animating = { true }
size = { 'large' } /> color = { ColorPalette.white }
size = { 'large' }
{ ...this.props } />
); );
} }
} }

2
react/features/welcome/components/WelcomePage.native.js
View File

@ -109,7 +109,7 @@ class WelcomePage extends AbstractWelcomePage {
// modify non-native children. // modify non-native children.
children = ( children = (
<View> <View>
<LoadingIndicator /> <LoadingIndicator color = { styles.buttonText.color } />
</View> </View>
); );
} else { } else {

2
react/features/welcome/components/styles.js
View File

@ -40,7 +40,7 @@ export default createStyleSheet({
*/ */
buttonText: { buttonText: {
alignSelf: 'center', alignSelf: 'center',
color: '#00ccff', color: ColorPalette.blue,
fontSize: 18 fontSize: 18
}, },