Skip to content

C
clone_excelso
Commit 6b83a163 authored by Trisno's avatar Trisno
Browse files
Options

translate shopping cart

parent eb37b68a
Show whitespace changes
Inline Side-by-side
Showing with 63 additions and 31 deletions
lib/en.json
View file @ 6b83a163
...@@ -65,6 +65,11 @@ ...@@ -65,6 +65,11 @@
"token": "Token", "token": "Token",
"delivery": "DELIVERY", "delivery": "DELIVERY",
"rateDelivery":"Delivery", "rateDelivery":"Delivery",
"price":"Price",
"discount":"Discount",
"total":"TOTAL",
"checkout":"CHECKOUT",
"headerShoppingCart":"SHOPPING CART",
"pickup": "PICKUP", "pickup": "PICKUP",
"orderInfo": "YOU WILL PICKUP YOUR ORDER AT", "orderInfo": "YOU WILL PICKUP YOUR ORDER AT",
"orderNow": "ORDER NOW", "orderNow": "ORDER NOW",
...@@ -99,5 +104,17 @@ ...@@ -99,5 +104,17 @@
"alertselectpayment": "Please choose a payment method", "alertselectpayment": "Please choose a payment method",
"alertbalance": "Sorry, your balance are not enough", "alertbalance": "Sorry, your balance are not enough",
"alertbalancepoin": "Sorry, your balance and points are not enough", "alertbalancepoin": "Sorry, your balance and points are not enough",
"headerResetPassword": "RESET PASSWORD" "headerResetPassword": "RESET PASSWORD",
"yourOrders": "YOUR ORDER(S)",
"addMore":"+ ADD MORE",
"addVoucher":"+ ADD VOUCHER",
"removeVoucher":"Remove Voucher",
"paymentMethods":"PAYMENT METHODS",
"yourBalance":"Your Balance",
"yourPoints":"Your Points",
"yourBalanceUsed":"Your Balance Used",
"yourPointsUsed":"Your Points Used",
"paymentDetails":"PAYMENT DETAILS"
} }
\ No newline at end of file
lib/id.json
View file @ 6b83a163
...@@ -56,7 +56,12 @@ ...@@ -56,7 +56,12 @@
"enterToken": "Masukan Token", "enterToken": "Masukan Token",
"token": "Token", "token": "Token",
"delivery": "ANTAR", "delivery": "ANTAR",
"rateDelivery":"Ongkos Kirim", "rateDelivery": "Ongkos Kirim",
"price": "Harga",
"discount":"Diskon",
"total": "TOTAL",
"checkout":"CHECKOUT@",
"headerShoppingCart":"SHOPPING CART@",
"pickup": "AMBIL", "pickup": "AMBIL",
"changepassword": "GANTI KATA SANDI", "changepassword": "GANTI KATA SANDI",
"changeEmail": "GANTI EMAIL", "changeEmail": "GANTI EMAIL",
...@@ -101,5 +106,15 @@ ...@@ -101,5 +106,15 @@
"alertselectpayment": "Silahkan pilih metode pembayaran", "alertselectpayment": "Silahkan pilih metode pembayaran",
"alertbalance": "Maaf Saldo tidak cukup", "alertbalance": "Maaf Saldo tidak cukup",
"alertbalancepoin": "Maaf Saldo dan poin tidak cukup", "alertbalancepoin": "Maaf Saldo dan poin tidak cukup",
"headerResetPassword": "GANTI PASSWORD" "headerResetPassword": "GANTI PASSWORD",
"yourOrders": "PESANANMU",
"addMore": "+ TAMBAH LAGI",
"addVoucher": "+ TAMBAH VOUCHER",
"removeVoucher": "Hapus Voucher",
"paymentMethods": "METODE PEMBAYARAN",
"yourBalance": "Saldo Kamu",
"yourPoints": "Poin Kamu",
"yourBalanceUsed": "Saldo Kamu Digunakan",
"yourPointsUsed": "Poin Kamu Digunakan",
"paymentDetails": "DETAIL PEMBAYARAN"
} }
\ No newline at end of file
view/Auth.js
View file @ 6b83a163
...@@ -503,7 +503,7 @@ class Auth extends React.Component { ...@@ -503,7 +503,7 @@ class Auth extends React.Component {
fontSize: 20, fontSize: 20,
color: 'white', color: 'white',
textAlign: 'center' textAlign: 'center'
}, title: 'SHOPPING CART' }, title: i18n.t('headerShoppingCart')
}} /> }} />
<Stack.Screen name="Order History" component={OrderHistory} /> <Stack.Screen name="Order History" component={OrderHistory} />
<Stack.Screen name="Reward History" component={RewardHistory} <Stack.Screen name="Reward History" component={RewardHistory}
......
view/ShoppingCart.js
View file @ 6b83a163
...@@ -447,19 +447,19 @@ class ShoppingCart extends React.Component { ...@@ -447,19 +447,19 @@ class ShoppingCart extends React.Component {
this.props.type_pickup == true ? ( this.props.type_pickup == true ? (
<> <>
<TouchableOpacity style={styles.buttonDeliveryFalse} onPress={() => this.checkChangeTrans('delivery')}> <TouchableOpacity style={styles.buttonDeliveryFalse} onPress={() => this.checkChangeTrans('delivery')}>
<Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black' }}>DELIVERY</Text> <Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black' }}>{i18n.t('delivery')}</Text>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity style={styles.buttonPickupTrue} onPress={() => this.checkChangeTrans('pickup')}> <TouchableOpacity style={styles.buttonPickupTrue} onPress={() => this.checkChangeTrans('pickup')}>
<Text style={{ textAlign: 'center', color: '#fff', fontFamily: 'Gotham-Black' }}>PICKUP</Text> <Text style={{ textAlign: 'center', color: '#fff', fontFamily: 'Gotham-Black' }}>{i18n.t('pickup')}</Text>
</TouchableOpacity> </TouchableOpacity>
</> </>
) : ( ) : (
<> <>
<TouchableOpacity style={styles.buttonDeliveryTrue} onPress={() => this.checkChangeTrans('delivery')}> <TouchableOpacity style={styles.buttonDeliveryTrue} onPress={() => this.checkChangeTrans('delivery')}>
<Text style={{ textAlign: 'center', color: '#354175', fontFamily: 'Gotham-Black' }}>DELIVERY</Text> <Text style={{ textAlign: 'center', color: '#354175', fontFamily: 'Gotham-Black' }}>{i18n.t('delivery')}</Text>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity style={styles.buttonPickupFalse} onPress={() => this.checkChangeTrans('pickup')}> <TouchableOpacity style={styles.buttonPickupFalse} onPress={() => this.checkChangeTrans('pickup')}>
<Text style={{ textAlign: 'center', color: '#fff', fontFamily: 'Gotham-Black' }}>PICKUP</Text> <Text style={{ textAlign: 'center', color: '#fff', fontFamily: 'Gotham-Black' }}>{i18n.t('pickup')}</Text>
</TouchableOpacity> </TouchableOpacity>
</> </>
) )
...@@ -472,13 +472,13 @@ class ShoppingCart extends React.Component { ...@@ -472,13 +472,13 @@ class ShoppingCart extends React.Component {
this.props.type_pickup == true ? ( this.props.type_pickup == true ? (
<View style={{ margin: 5, padding: 10 }}> <View style={{ margin: 5, padding: 10 }}>
<Text style={{ textAlign: 'center', fontFamily: 'Gotham-Black', fontSize: 12, color: 'grey' }}>YOU WILL PICKUP YOUR ORDER AT</Text> <Text style={{ textAlign: 'center', fontFamily: 'Gotham-Black', fontSize: 12, color: 'grey' }}>{i18n.t('orderInfo')}</Text>
<Text style={{ textAlign: 'center', fontSize: 14, top: 5, fontFamily: 'Gotham-Black', color: 'grey' }}>{this.props.name_outlet}</Text> <Text style={{ textAlign: 'center', fontSize: 14, top: 5, fontFamily: 'Gotham-Black', color: 'grey' }}>{this.props.name_outlet}</Text>
<Text style={{ textAlign: 'center', fontSize: 12, top: 5, fontFamily: 'Gotham-Light', color: 'grey' }}>{this.props.outlet_detailadress}</Text> <Text style={{ textAlign: 'center', fontSize: 12, top: 5, fontFamily: 'Gotham-Light', color: 'grey' }}>{this.props.outlet_detailadress}</Text>
</View> </View>
) : ( ) : (
<View style={{ margin: 5, padding: 10 }}> <View style={{ margin: 5, padding: 10 }}>
<Text style={{ textAlign: 'center', fontFamily: 'Gotham-Black', fontSize: 12, color: 'grey' }}>OUR DRIVER WILL DELIVER YOUR ORDER TO</Text> <Text style={{ textAlign: 'center', fontFamily: 'Gotham-Black', fontSize: 12, color: 'grey' }}>{i18n.t('deliveryinfo')}</Text>
<Text style={{ textAlign: 'center', fontSize: 14, top: 5, fontFamily: 'Gotham-Black', color: 'grey' }}>{this.props.home_address}</Text> <Text style={{ textAlign: 'center', fontSize: 14, top: 5, fontFamily: 'Gotham-Black', color: 'grey' }}>{this.props.home_address}</Text>
<Text style={{ textAlign: 'center', fontSize: 12, top: 5, fontFamily: 'Gotham-Light', color: 'grey' }}>{this.props.address}</Text> <Text style={{ textAlign: 'center', fontSize: 12, top: 5, fontFamily: 'Gotham-Light', color: 'grey' }}>{this.props.address}</Text>
</View> </View>
...@@ -486,9 +486,9 @@ class ShoppingCart extends React.Component { ...@@ -486,9 +486,9 @@ class ShoppingCart extends React.Component {
} }
</View> </View>
<View style={styles.header}> <View style={styles.header}>
<Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>YOUR ORDER(S)</Text> <Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>{i18n.t('yourOrders')}</Text>
<TouchableOpacity style={{ marginRight: -8 }} onPress={() => this.props.navigation.goBack()}> <TouchableOpacity style={{ marginRight: -8 }} onPress={() => this.props.navigation.goBack()}>
<Text style={{ textAlign: 'center', fontSize: 12, color: '#CFB368', fontFamily: 'Gotham-Light' }}>+ ADD MORE</Text> <Text style={{ textAlign: 'center', fontSize: 12, color: '#CFB368', fontFamily: 'Gotham-Light' }}>{i18n.t('addMore')}</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<View style={styles.order}> <View style={styles.order}>
...@@ -509,7 +509,7 @@ class ShoppingCart extends React.Component { ...@@ -509,7 +509,7 @@ class ShoppingCart extends React.Component {
{ {
this.props.value_voucher == '' ? ( this.props.value_voucher == '' ? (
<TouchableOpacity onPress={() => this.handleAddVoucher()}> <TouchableOpacity onPress={() => this.handleAddVoucher()}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: '#CFB368' }}>+ ADD VOUCHER</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: '#CFB368' }}>{i18n.t('addVoucher')}</Text>
</TouchableOpacity> </TouchableOpacity>
) : ( ) : (
<View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between' }}> <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between' }}>
...@@ -518,7 +518,7 @@ class ShoppingCart extends React.Component { ...@@ -518,7 +518,7 @@ class ShoppingCart extends React.Component {
</View> </View>
<View style={{ flex: 0.5, alignItems: 'flex-end', marginRight: -5 }}> <View style={{ flex: 0.5, alignItems: 'flex-end', marginRight: -5 }}>
<TouchableOpacity onPress={() => this.handleRemoveVoucher()}> <TouchableOpacity onPress={() => this.handleRemoveVoucher()}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: '#CFB368' }}>Remove Voucher</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: '#CFB368' }}>{i18n.t('removeVoucher')}</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
</View> </View>
...@@ -526,7 +526,7 @@ class ShoppingCart extends React.Component { ...@@ -526,7 +526,7 @@ class ShoppingCart extends React.Component {
} }
</View> </View>
<View style={styles.payment}> <View style={styles.payment}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>PAYMENT METHODS</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>{i18n.t('paymentMethods')}</Text>
</View> </View>
<View style={{ alignItems: 'center' }}> <View style={{ alignItems: 'center' }}>
...@@ -536,7 +536,7 @@ class ShoppingCart extends React.Component { ...@@ -536,7 +536,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10, backgroundColor: 'gray' }}> <Card style={{ margin: 5, padding: 10, backgroundColor: 'gray' }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View> <View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO BALANCE</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO {i18n.t('balance')}</Text>
</View> </View>
<View> <View>
<FontAwesome name='circle-o' size={30} color={'#ccb46c'} /> <FontAwesome name='circle-o' size={30} color={'#ccb46c'} />
...@@ -550,7 +550,7 @@ class ShoppingCart extends React.Component { ...@@ -550,7 +550,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10 }}> <Card style={{ margin: 5, padding: 10 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View> <View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO BALANCE</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO {i18n.t('balance')}</Text>
</View> </View>
<View> <View>
<CheckBox <CheckBox
...@@ -574,7 +574,7 @@ class ShoppingCart extends React.Component { ...@@ -574,7 +574,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10, backgroundColor: 'gray' }}> <Card style={{ margin: 5, padding: 10, backgroundColor: 'gray' }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View> <View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO POINTS</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO {i18n.t('point')}</Text>
</View> </View>
<View> <View>
<FontAwesome name='circle-o' size={30} color={'#ccb46c'} /> <FontAwesome name='circle-o' size={30} color={'#ccb46c'} />
...@@ -589,7 +589,7 @@ class ShoppingCart extends React.Component { ...@@ -589,7 +589,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10 }}> <Card style={{ margin: 5, padding: 10 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View> <View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO POINTS</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO {i18n.t('point')}</Text>
</View> </View>
<View> <View>
<CheckBox <CheckBox
...@@ -616,7 +616,7 @@ class ShoppingCart extends React.Component { ...@@ -616,7 +616,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10 }}> <Card style={{ margin: 5, padding: 10 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View> <View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO BALANCE + POINTS</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>EXCELSO {i18n.t('balance')} + {i18n.t('point')}</Text>
</View> </View>
<View> <View>
<CheckBox <CheckBox
...@@ -636,7 +636,7 @@ class ShoppingCart extends React.Component { ...@@ -636,7 +636,7 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10, backgroundColor: 'gray' }}> <Card style={{ margin: 5, padding: 10, backgroundColor: 'gray' }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<View> <View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO BALANCE + POINTS</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'white' }}>EXCELSO {i18n.t('balance')} + {i18n.t('point')}</Text>
</View> </View>
<View> <View>
<FontAwesome name='circle-o' size={30} color={'#ccb46c'} /> <FontAwesome name='circle-o' size={30} color={'#ccb46c'} />
...@@ -651,8 +651,8 @@ class ShoppingCart extends React.Component { ...@@ -651,8 +651,8 @@ class ShoppingCart extends React.Component {
<Card style={{ margin: 5, padding: 10 }}> <Card style={{ margin: 5, padding: 10 }}>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 5 }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginBottom: 5 }}>
<View> <View>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Your Balance</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>{i18n.t('yourBalance')}</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Your Points</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>{i18n.t('yourPoints')}</Text>
</View> </View>
<View style={{ alignItems: 'flex-end' }}> <View style={{ alignItems: 'flex-end' }}>
<NumberFormat decimalScale={0} value={this.state.kasproBalance} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} /> <NumberFormat decimalScale={0} value={this.state.kasproBalance} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
...@@ -661,8 +661,8 @@ class ShoppingCart extends React.Component { ...@@ -661,8 +661,8 @@ class ShoppingCart extends React.Component {
</View> </View>
<View style={{ flexDirection: 'row', justifyContent: 'space-between', borderTopWidth: 1, borderColor: 'grey' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between', borderTopWidth: 1, borderColor: 'grey' }}>
<View style={{ marginTop: 5 }}> <View style={{ marginTop: 5 }}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Your Balance Used</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>{i18n.t('yourBalanceUsed')}</Text>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>Your Points Used</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>{i18n.t('yourPointsUsed')}</Text>
</View> </View>
<View style={{ marginTop: 5, alignItems: 'flex-end' }}> <View style={{ marginTop: 5, alignItems: 'flex-end' }}>
<NumberFormat decimalScale={0} value={this.state.balanceused} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>- Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} /> <NumberFormat decimalScale={0} value={this.state.balanceused} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>- Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
...@@ -673,13 +673,13 @@ class ShoppingCart extends React.Component { ...@@ -673,13 +673,13 @@ class ShoppingCart extends React.Component {
</View> </View>
<View style={styles.paymentDetails}> <View style={styles.paymentDetails}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>PAYMENT DETAILS</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: 'grey' }}>{i18n.t('paymentDetails')}</Text>
</View> </View>
<View style={{ marginHorizontal: 10 }}> <View style={{ marginHorizontal: 10 }}>
{/* <Text style={{ paddingLeft: 20, paddingTop: 15, color: 'gray' }}>Detail Pembayaran</Text> */} {/* <Text style={{ paddingLeft: 20, paddingTop: 15, color: 'gray' }}>Detail Pembayaran</Text> */}
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ paddingLeft: 20 }}> <View style={{ paddingLeft: 20 }}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Harga</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>{i18n.t('price')}</Text>
</View> </View>
<View style={{ alignItems: 'flex-end', paddingRight: 20 }}> <View style={{ alignItems: 'flex-end', paddingRight: 20 }}>
<NumberFormat decimalScale={0} value={this.props.order_total} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} /> <NumberFormat decimalScale={0} value={this.props.order_total} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
...@@ -691,7 +691,7 @@ class ShoppingCart extends React.Component { ...@@ -691,7 +691,7 @@ class ShoppingCart extends React.Component {
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ paddingLeft: 20, paddingTop: 5, }} > <View style={{ paddingLeft: 20, paddingTop: 5, }} >
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Ongkos Kirim</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>{i18n.t('rateDelivery')}</Text>
</View> </View>
{this.props.order_item.length ? ( {this.props.order_item.length ? (
<View style={{ paddingRight: 20, paddingTop: 5, alignItems: 'flex-end' }}> <View style={{ paddingRight: 20, paddingTop: 5, alignItems: 'flex-end' }}>
...@@ -709,7 +709,7 @@ class ShoppingCart extends React.Component { ...@@ -709,7 +709,7 @@ class ShoppingCart extends React.Component {
) : ( ) : (
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ paddingLeft: 20, paddingTop: 5, }}> <View style={{ paddingLeft: 20, paddingTop: 5, }}>
<Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Diskon</Text> <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>{i18n.t('discount')}</Text>
</View> </View>
<View style={{ paddingRight: 20, paddingTop: 5, alignItems: 'flex-end' }}> <View style={{ paddingRight: 20, paddingTop: 5, alignItems: 'flex-end' }}>
<NumberFormat decimalScale={0} value={this.props.voucher.reward.value} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} /> <NumberFormat decimalScale={0} value={this.props.voucher.reward.value} renderText={value => <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'gray' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
...@@ -721,7 +721,7 @@ class ShoppingCart extends React.Component { ...@@ -721,7 +721,7 @@ class ShoppingCart extends React.Component {
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}> <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ marginTop: 10, paddingLeft: 20 }}> <View style={{ marginTop: 10, paddingLeft: 20 }}>
<Text style={{ fontSize: 20, color: '#CFB368', fontFamily: 'Gotham-Black', }}>TOTAL</Text> <Text style={{ fontSize: 20, color: '#CFB368', fontFamily: 'Gotham-Black', }}>{i18n.t('total')}</Text>
</View> </View>
{this.props.type_pickup == true ? ( {this.props.type_pickup == true ? (
<View style={{ marginTop: 10, paddingRight: 20, alignItems: 'flex-end' }}> <View style={{ marginTop: 10, paddingRight: 20, alignItems: 'flex-end' }}>
...@@ -792,7 +792,7 @@ class ShoppingCart extends React.Component { ...@@ -792,7 +792,7 @@ class ShoppingCart extends React.Component {
{/* </View> */} {/* </View> */}
<TouchableOpacity onPress={() => this.checkOut()}> <TouchableOpacity onPress={() => this.checkOut()}>
<View style={styles.button}> <View style={styles.button}>
<Text style={{ color: 'white', fontSize: 16, fontFamily: 'Gotham-Black' }}>CHECKOUT</Text> <Text style={{ color: 'white', fontSize: 16, fontFamily: 'Gotham-Black' }}>{i18n.t('checkout')}</Text>
</View> </View>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
......
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