Skip to content

C
clone_excelso
Commit 5fadb173 authored by Trisno's avatar Trisno
Browse files
Options

update design home

parent 3b67158f
Show whitespace changes
Inline Side-by-side
Showing with 27 additions and 26 deletions
view/Home.js
View file @ 5fadb173
...@@ -253,22 +253,22 @@ class Home extends React.Component { ...@@ -253,22 +253,22 @@ class Home extends React.Component {
<Text style={{ textAlign: 'center', color: '#fff', fontWeight: 'bold' }}>{i18n.t('pickup')}</Text> <Text style={{ textAlign: 'center', color: '#fff', fontWeight: 'bold' }}>{i18n.t('pickup')}</Text>
</TouchableOpacity> */} </TouchableOpacity> */}
<TouchableOpacity style={styles.buttonDelivery} onPress={() => this._delivery()}> <TouchableOpacity style={styles.buttonDelivery} onPress={() => this._delivery()}>
<Text style={{ textAlign: 'center', color: '#354175', fontWeight: 'bold' }}>DELIVERY</Text> <Text style={{ textAlign: 'center', color: '#354175', fontFamily: 'Gotham-Black' }}>DELIVERY</Text>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity style={styles.buttonPickup} onPress={() => this._pickup()}> <TouchableOpacity style={styles.buttonPickup} onPress={() => this._pickup()}>
<Text style={{ textAlign: 'center', color: '#fff', fontWeight: 'bold' }}>PICK UP</Text> <Text style={{ textAlign: 'center', color: '#fff', fontFamily: 'Gotham-Black' }}>PICK UP</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
{/* <Text style={{ textAlign: 'center', fontSize: 12, }}> {/* <Text style={{ textAlign: 'center', fontSize: 12, }}>
{i18n.t('orderInfo')} {i18n.t('orderInfo')}
</Text> */} </Text> */}
<Text style={{ textAlign: 'center', fontSize: 12, }}> <Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black' }}>
YOU WILL PICKUP YOUR ORDER AT YOU WILL PICKUP YOUR ORDER AT
</Text> </Text>
{this.state.indicator == true ? ( {this.state.indicator == true ? (
<ActivityIndicator size="small" color="#c9af6d" /> <ActivityIndicator size="small" color="#c9af6d" />
) : ( ) : (
<Text style={{ textAlign: "center", fontSize: 12, top: 5, fontWeight: 'bold' }}> <Text style={{ textAlign: "center", fontSize: 12, top: 5, fontFamily: 'Gotham-Light' }}>
Excelso {this.props.name_outlet} Excelso {this.props.name_outlet}
</Text> </Text>
)} )}
...@@ -276,7 +276,7 @@ class Home extends React.Component { ...@@ -276,7 +276,7 @@ class Home extends React.Component {
<Text style={{ textAlign: 'center', bottom: 5, color: 'white' }}>{i18n.t('orderNow')}</Text> <Text style={{ textAlign: 'center', bottom: 5, color: 'white' }}>{i18n.t('orderNow')}</Text>
</TouchableOpacity> */} </TouchableOpacity> */}
<TouchableOpacity style={styles.submitOrder} activeOpacity={.5} onPress={() => this._orderNow()}> <TouchableOpacity style={styles.submitOrder} activeOpacity={.5} onPress={() => this._orderNow()}>
<Text style={{ textAlign: 'center', bottom: 5, color: 'white' }}>ORDER NOW</Text> <Text style={{ textAlign: 'center', bottom: 5, color: 'white', fontFamily: 'Gotham-Black' }}>ORDER NOW</Text>
</TouchableOpacity> </TouchableOpacity>
</Card> </Card>
{ {
...@@ -284,7 +284,7 @@ class Home extends React.Component { ...@@ -284,7 +284,7 @@ class Home extends React.Component {
this.state.account_number === "" ? ( this.state.account_number === "" ? (
<View style={styles.card}> <View style={styles.card}>
<Card style={{ padding: 10, margin: 10, alignContent: 'center' }}> <Card style={{ padding: 10, margin: 10, alignContent: 'center' }}>
<Text style={{ textAlign: "center" }}> Anda belum aktivasi kartu</Text> <Text style={{ textAlign: "center", fontFamily: 'Gotham-Light' }}> Anda belum aktivasi kartu</Text>
<Text> <Text>
</Text> </Text>
<Text style={{ textAlign: "center", fontSize: 40, color: '#c9af6d' }}> <Text style={{ textAlign: "center", fontSize: 40, color: '#c9af6d' }}>
...@@ -310,16 +310,16 @@ class Home extends React.Component { ...@@ -310,16 +310,16 @@ class Home extends React.Component {
{/* <Text> {/* <Text>
YOUR CARD NUMBER | {this.state.expire_date} YOUR CARD NUMBER | {this.state.expire_date}
</Text> */} </Text> */}
<View style={{ flexDirection: 'row', flex: 1 }}> <View style={{ flexDirection: 'row', flex: 1, paddingBottom:5 }}>
<View style={{ flex: 0.5 }}> <View style={{ flex: 0.5 }}>
<Text style={{ fontSize: 10 }}>YOUR CARD NUMBER</Text> <Text style={{ fontSize: 10, fontFamily: 'Gotham-Light' }}>YOUR CARD NUMBER</Text>
</View> </View>
<View style={{ flex: 0.5 }}> <View style={{ flex: 0.5 }}>
<Text style={{ fontSize: 10, textAlign: 'right' }}>Expired At {this.state.expire_date}</Text> <Text style={{ fontSize: 10, textAlign: 'right', fontFamily: 'Gotham-Light' }}>Expired At {this.state.expire_date}</Text>
</View> </View>
</View> </View>
<View style={{ paddingHorizontal: 10 }}> <View style={{ paddingHorizontal: 10 }}>
<Text style={{ textAlign: "center", fontSize: 30, color: '#c9af6d' }}> <Text style={{ textAlign: "center", fontSize: 30, color: '#c9af6d', fontFamily: 'Gotham-Black' }}>
{this.state.account_number} {this.state.account_number}
</Text> </Text>
</View> </View>
...@@ -331,12 +331,12 @@ class Home extends React.Component { ...@@ -331,12 +331,12 @@ class Home extends React.Component {
</Text> */} </Text> */}
<View style={{ flexDirection: 'row', flex: 1 }}> <View style={{ flexDirection: 'row', flex: 1 }}>
<View style={{ flex: 0.3, justifyContent: 'center' }}> <View style={{ flex: 0.2, justifyContent: 'center' }}>
{/* <Text>{i18n.t('balance')}</Text> */} {/* <Text>{i18n.t('balance')}</Text> */}
<Text style={{ fontSize: 10 }}>BALANCE</Text> <Text style={{ fontSize: 10, fontFamily: 'Gotham-Light' }}>BALANCE</Text>
</View> </View>
<View style={{ flex: 0.7 }}> <View style={{ flex: 0.8, alignItems:'center'}}>
<Text style={{ fontSize: 20 }}>IDR. {this.state.balance}</Text> <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.balance}</Text>
</View> </View>
</View> </View>
...@@ -346,12 +346,12 @@ class Home extends React.Component { ...@@ -346,12 +346,12 @@ class Home extends React.Component {
{i18n.t('point')} {this.state.point} {i18n.t('point')} {this.state.point}
</Text> */} </Text> */}
<View style={{ flexDirection: 'row', flex: 1 }}> <View style={{ flexDirection: 'row', flex: 1 }}>
<View style={{ flex: 0.3, justifyContent: 'center' }}> <View style={{ flex: 0.2, justifyContent: 'center' }}>
{/* <Text>{i18n.t('balance')}</Text> */} {/* <Text>{i18n.t('balance')}</Text> */}
<Text style={{ fontSize: 10 }}>POINTS</Text> <Text style={{ fontSize: 10, fontFamily: 'Gotham-Light' }}>POINTS</Text>
</View> </View>
<View style={{ flex: 0.7 }}> <View style={{ flex: 0.8,alignItems:'center' }}>
<Text style={{ fontSize: 20 }}>IDR. {this.state.point}</Text> <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color:'gray' }}>IDR {this.state.point}</Text>
</View> </View>
</View> </View>
</Card> </Card>
...@@ -363,14 +363,14 @@ class Home extends React.Component { ...@@ -363,14 +363,14 @@ class Home extends React.Component {
// style={styles.submitUpgradePemium} // style={styles.submitUpgradePemium}
activeOpacity={.5} onPress={this.onPress}> activeOpacity={.5} onPress={this.onPress}>
<View style={styles.topUseBalance}> <View style={styles.topUseBalance}>
<Text style={{ textAlign: 'center', bottom: 5, color: 'white' }}>TOP BALANCE </Text> <Text style={{ textAlign: 'center', bottom: 5, color: 'white', fontFamily: 'Gotham-Black' }}>TOP BALANCE </Text>
</View> </View>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity <TouchableOpacity
// style={styles.submitUpgradePemium} // style={styles.submitUpgradePemium}
activeOpacity={.5} onPress={this.onPress}> activeOpacity={.5} onPress={this.onPress}>
<View style={styles.topUseBalance}> <View style={styles.topUseBalance}>
<Text style={{ textAlign: 'center', bottom: 5, color: 'white' }}>USE BALANCE </Text> <Text style={{ textAlign: 'center', bottom: 5, color: 'white', fontFamily: 'Gotham-Black' }}>USE BALANCE </Text>
</View> </View>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
...@@ -402,7 +402,8 @@ const styles = StyleSheet.create({ ...@@ -402,7 +402,8 @@ const styles = StyleSheet.create({
titleText: { titleText: {
margin: 15, margin: 15,
fontSize: 18, fontSize: 18,
fontWeight: 'bold', // fontWeight: 'bold',
fontFamily: 'Gotham-Black',
color: 'white', color: 'white',
// textAlign: 'center' // textAlign: 'center'
}, },
...@@ -445,9 +446,9 @@ const styles = StyleSheet.create({ ...@@ -445,9 +446,9 @@ const styles = StyleSheet.create({
submitOrder: { submitOrder: {
margin: 10, margin: 10,
paddingTop: 15, paddingTop: 10,
paddingBottom: 5, paddingBottom: -5,
backgroundColor: '#c9af6d', backgroundColor: '#CFB368',
borderRadius: 10, borderRadius: 10,
borderWidth: 0, borderWidth: 0,
borderColor: '#fff', borderColor: '#fff',
...@@ -457,9 +458,9 @@ const styles = StyleSheet.create({ ...@@ -457,9 +458,9 @@ const styles = StyleSheet.create({
flex: 0.5, flex: 0.5,
backgroundColor: 'green', backgroundColor: 'green',
top: 20, top: 20,
margin: 10, margin: 5,
padding: 10, padding: 10,
paddingHorizontal: 30, paddingHorizontal: 23,
borderRadius: 10, borderRadius: 10,
backgroundColor: '#CFB368', backgroundColor: '#CFB368',
paddingBottom: -5 paddingBottom: -5
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment