summaryrefslogtreecommitdiffhomepage
path: root/app/components/Account.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/components/Account.js')
-rw-r--r--app/components/Account.js20
1 files changed, 10 insertions, 10 deletions
diff --git a/app/components/Account.js b/app/components/Account.js
index 1241d1f724..b2352369ba 100644
--- a/app/components/Account.js
+++ b/app/components/Account.js
@@ -2,7 +2,7 @@
import moment from 'moment';
import React from 'react';
import { Component, Text, View } from 'reactxp';
-import { Button, AppButton } from './styled';
+import { Button, RedButton, GreenButton, Label, Icon } from './styled';
import { Layout, Container } from './Layout';
import styles from './AccountStyles';
import Img from './Img';
@@ -60,19 +60,19 @@ export default class Account extends Component {
</View>
<View style={styles.account__footer}>
- <AppButton style={styles.account__buymore}
- hoverStyle={styles.account__buymore_hover}
+ <GreenButton
onPress={ this.props.onBuyMore }
text='Buy more credit'
icon='icon-extLink'
- iconStyle={styles.account__buymore_icon}
- tintColor='currentColor'
- testName='account__buymore'/>
- <AppButton style={styles.account__logout}
- hoverStyle={styles.account__logout_hover}
+ testName='account__buymore'>
+ <Label>Buy more credit</Label>
+ <Icon source='icon-extLink' height='16' width='16' />
+ </GreenButton>
+ <RedButton
onPress={ this.props.onLogout }
- text='Log out'
- testName='account__logout'/>
+ testName='account__logout'>
+ Log out
+ </RedButton>
</View>
</View>