Commit 9117ecfc authored by Wahyu Adjie Prasetyo's avatar Wahyu Adjie Prasetyo
parents 1c10b5b7 b1f1b2f0
......@@ -183,6 +183,15 @@ class Home extends React.Component {
})
}
_useBalance(){
if(this.props.in_payment){
this.props.navigation.navigate('Redeem Code')
} else {
this.props.navigation.navigate('UseBalance')
}
}
_pickup() {
this.props.navigation.navigate('Pickup Name', { from: 'home' });
}
......@@ -206,7 +215,7 @@ class Home extends React.Component {
}
render() {
// console.log(this.state.images)
// console.log(this.props.in_payment)
return (
<View style={styles.container}>
<ScrollView>
......@@ -385,7 +394,7 @@ class Home extends React.Component {
</TouchableOpacity>
<TouchableOpacity
// style={styles.submitUpgradePemium}
activeOpacity={.5} onPress={() => this.props.navigation.navigate('UseBalance')}>
activeOpacity={.5} onPress={() => this._useBalance()}>
<View style={styles.topUseBalance}>
<Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black', fontSize: 16 }}>USE BALANCE </Text>
</View>
......@@ -534,6 +543,7 @@ const mapStateToProps = (state) => {
return {
// login
in_payment: state.in_payment,
email: state.email,
outlet_id: state.outlet_id,
name_outlet: state.name_outlet,
......
import React from 'react';
import { View, Text, TextInput, StyleSheet, Button, TouchableOpacity, Alert, } from 'react-native';
import { View, Text, TextInput, StyleSheet, Button, TouchableOpacity, Alert, BackHandler } from 'react-native';
import { connect } from 'react-redux';
import Axios from 'axios';
import ActionType from '../redux/globalActionType';
class RedeemCode extends React.Component {
......@@ -12,6 +13,22 @@ class RedeemCode extends React.Component {
}
}
// componentDidMount() {
// BackHandler.addEventListener('hardwareBackPress', this.handleBackButtonClick);
// }
// // componentWillUnmount() {
// // BackHandler.removeEventListener('hardwareBackPress', this.handleBackButtonClick);
// // }
// handleBackButtonClick() {
// this.props.navigation.navigate('Home', { screen: 'HOME' });
// return true;
// }
cancel() {
let params = {
session_id: this.props.session_id,
......@@ -19,6 +36,16 @@ class RedeemCode extends React.Component {
Axios.post('https://excelsocrm.ravintoladev.com/crm/v2/point/refund', params).then(res => {
console.log(res.data)
let redeemProps = {
in_payment: false,
redeem_code: '',
balance_redeem: '',
point_redeem: ''
}
this.props.setRedeem(redeemProps)
Alert.alert('', 'Berhasil dibatalkan')
this.props.navigation.navigate('Home', { screen: 'HOME' });
}).catch(error => {
......@@ -42,7 +69,7 @@ class RedeemCode extends React.Component {
<Text style={{ textAlign: 'center', fontSize: 25 }}>Payment Code</Text>
</View> */}
<View style={{ marginTop: 50 }}>
<Text style={{ fontFamily: 'Gotham-Black', color: '#838383', fontSize: 26, textAlign: 'center' }}>{this.props.route.params.redeemCode}</Text>
<Text style={{ fontFamily: 'Gotham-Black', color: '#838383', fontSize: 26, textAlign: 'center' }}>{this.props.redeem_code}</Text>
<View style={{ borderWidth: 1, marginRight: 20, marginLeft: 20, borderColor: '#838383' }}></View>
</View>
<View style={styles.body}>
......@@ -51,7 +78,7 @@ class RedeemCode extends React.Component {
<Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }} >Balance</Text>
</View>
<View style={{ flex: 1, margin: 10 }}>
<Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }}>{this.props.route.params.balanceUsed}</Text>
<Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }}>{this.props.balance_redeem}</Text>
</View>
</View>
<View style={styles.current_balance}>
......@@ -59,7 +86,7 @@ class RedeemCode extends React.Component {
<Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }} >Points</Text>
</View>
<View style={{ flex: 1, margin: 10 }}>
<Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }}>{this.props.route.params.pointUsed}</Text>
<Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }}>{this.props.point_redeem}</Text>
</View>
</View>
{/* <View style={styles.redeem}>
......@@ -127,7 +154,24 @@ const styles = StyleSheet.create({
const mapStateToProps = (state) => {
return {
session_id: state.session_id,
redeem_code: state.redeem_code,
balance_redeem: state.balance_redeem,
point_redeem: state.point_redeem
}
}
const mapDispatchToProps = (dispacth) => {
return {
setRedeem: (redeemProps) => dispacth({
type: ActionType.SET_REEDEM,
data: {
in_payment: redeemProps.in_payment,
redeem_code: redeemProps.redeem_code,
balance_redeem: redeemProps.balance_redeem,
point_redeem: redeemProps.point_redeem
}
}),
}
}
export default connect(mapStateToProps)(RedeemCode);
\ No newline at end of file
export default connect(mapStateToProps, mapDispatchToProps)(RedeemCode);
\ No newline at end of file
......@@ -123,17 +123,24 @@ class UseBalance extends React.Component {
balance: this.state.input_redeem,
point: 0
}
console.log(params)
// console.log(params)
Axios.post('https://excelsocrm.ravintoladev.com/crm/v2/point/redeem', params).then(res => {
// console.log(res.data)
let respon = res.data
Alert.alert('', 'Sukses Redeem')
this.props.navigation.navigate('Redeem Code', {
redeemCode: respon.redeem_code,
balanceUsed: respon.use_balance,
pointUsed: respon.use_point
})
// Alert.alert('', 'Sukses Redeem')
let redeemProps = {
in_payment: true,
redeem_code: respon.redeem_code,
balance_redeem: respon.use_balance,
point_redeem: respon.use_point
}
this.props.setRedeem(redeemProps)
this.props.navigation.navigate('Redeem Code')
}).catch(error => {
let response = error.response.data
if (response.code === "EMPTY_PIN") {
......@@ -158,13 +165,20 @@ class UseBalance extends React.Component {
console.log(params)
Axios.post('https://excelsocrm.ravintoladev.com/crm/v2/point/redeem', params).then(res => {
// console.log(res.data)
let respon = res.data
Alert.alert('', 'Sukses Redeem')
this.props.navigation.navigate('Redeem Code', {
redeemCode: respon.redeem_code,
balanceUsed: respon.use_balance,
pointUsed: respon.use_point
})
// Alert.alert('', 'Sukses Redeem')
let redeemProps = {
in_payment: true,
redeem_code: respon.redeem_code,
balance_redeem: respon.use_balance,
point_redeem: respon.use_point
}
this.props.setRedeem(redeemProps)
this.props.navigation.navigate('Redeem Code')
}).catch(error => {
let response = error.response.data
if (response.code === "EMPTY_PIN") {
......@@ -517,13 +531,13 @@ const mapDispatchToProps = (dispacth) => {
setRedeem: (redeemProps) => dispacth({
type: ActionType.SET_REEDEM,
data: {
in_payment: redeemProps.in_payment,
redeem_code:redeemPropsa.redeem_code,
balance_redeem: redeemProps.balance_redeem,
in_payment: redeemProps.in_payment,
redeem_code: redeemProps.redeem_code,
balance_redeem: redeemProps.balance_redeem,
point_redeem: redeemProps.point_redeem
}
}),
}
}
export default connect(mapStateToProps,mapDispatchToProps)(UseBalance);
export default connect(mapStateToProps, mapDispatchToProps)(UseBalance);
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