1+ import { LinearGradient } from 'expo' ;
12import { array , bool , func , node , number , object , oneOfType , shape , string } from 'prop-types' ;
23import React from 'react' ;
34import { StyleSheet , Text } from 'react-native' ;
@@ -10,7 +11,7 @@ import { SHAPE, STYLE, THEME } from '../config';
1011import styles from './Button.style' ;
1112
1213const Button = ( {
13- accent , caption, captionStyle, children, circle, disabled, i18n, icon, onPress, processing, raised, style, motion,
14+ caption, captionStyle, children, circle, disabled, i18n, icon, onPress, processing, raised, style, motion,
1415} ) => (
1516 < Touchable
1617 onPress = { ! disabled && ! processing ? onPress : undefined }
@@ -24,14 +25,22 @@ const Button = ({
2425 STYLE . CENTERED ,
2526 ( circle && styles . circle ) ,
2627 ( ! circle && ! raised && styles . square ) ,
27- ( ! disabled && ! processing && ! raised && ! accent && styles . primary ) ,
28- ( ! disabled && ! processing && ! raised && accent && styles . accent ) ,
2928 ( raised && styles . raised ) ,
3029 ( ( disabled || processing ) && ! raised && styles . disabled ) ,
3130 ( disabled && raised && styles . disabledOpacity ) ,
3231 style ,
3332 ] ) }
3433 >
34+ { ! disabled && ! processing && ! raised &&
35+ < LinearGradient
36+ colors = { [ THEME . COLOR . ACCENT_DARKEN , THEME . COLOR . ACCENT ] }
37+ start = { [ 0 , 0 ] }
38+ end = { [ 1 , 0 ] }
39+ style = { StyleSheet . flatten ( [
40+ styles . gradient ,
41+ circle ? styles . circle : styles . square ,
42+ ] ) }
43+ /> }
3544 { icon &&
3645 < Icon value = { icon } style = { [ styles . icon , captionStyle ] } /> }
3746 { caption && ! processing && < Text style = { [ styles . caption , captionStyle ] } > { caption } </ Text > }
@@ -45,7 +54,6 @@ const Button = ({
4554) ;
4655
4756Button . propTypes = {
48- accent : bool ,
4957 caption : string ,
5058 captionStyle : oneOfType ( [ array , number , object ] ) ,
5159 children : node ,
@@ -61,7 +69,6 @@ Button.propTypes = {
6169} ;
6270
6371Button . defaultProps = {
64- accent : false ,
6572 caption : undefined ,
6673 captionStyle : [ ] ,
6774 children : undefined ,
0 commit comments