Ahmad.zuhdi.y/bukopin-redemption-client-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:

Browse Source 
- Revamp Design
- Adjust anomaly in design
This commit is contained in:
Marselino Widis 2023-01-18 12:29:29 +07:00
parent 5840ec682f
commit 4a7dfe6d52
16 changed files with 70 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/index.html
View File

@ -2,9 +2,9 @@
<html>
<head>
<meta charset="utf-8">
<title>BTN</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" type="image/png" href="/assets/images/logo-bankbtn.png" sizes="96x96" />
<title>KB Bukopin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" type="image/png" href="/assets/images/kb_bukopin.jpeg" sizes="96x96" />
<style>
body {
visibility: hidden;

6
public/index.parcel.html
View File

@ -2,9 +2,9 @@
<html>
<head>
<meta charset="utf-8">
<title>BTN</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" type="image/png" href="/assets/images/logo-bankbtn.png" sizes="96x96" />
<title>KB Bukopin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" type="image/png" href="/assets/images/kb_bukopin.jpeg" sizes="96x96" />
<style>
body {
visibility: hidden;

6
public/index.prod.html
View File

@ -2,9 +2,9 @@
<html>
<head>
<meta charset="utf-8">
<title>BTN</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" type="image/png" href="/assets/images/logo-bankbtn.png" sizes="96x96" />
<title>KB Bukopin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" type="image/png" href="/assets/images/kb_bukopin.jpeg" sizes="96x96" />
<style>
body {
visibility: hidden;

6
public/index.test.html
View File

@ -2,9 +2,9 @@
<html>
<head>
<meta charset="utf-8">
<title>BTN</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" type="image/png" href="/assets/images/logo-bankbtn.png" sizes="96x96" />
<title>KB Bukopin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" type="image/png" href="/assets/images/kb_bukopin.jpeg" sizes="96x96" />
<style>
body {
visibility: hidden;

4
src/common/pages/App/index.js
View File

@ -573,8 +573,8 @@ class App extends React.Component {
<img
className={classes.title}
style={{
width: 100,
height: 30
width: 70,
height: 40
}}
src={applicationIcon} />
</Link>

4
src/common/pages/App/styles.js
View File

@ -9,7 +9,7 @@ export const styles = theme => ({
width: "100%",
top: 0,
zIndex: 1000,
backgroundColor: yellow['500'],
backgroundColor: '#FAAF03',
height: '70px !important',
padding: "8px 24px",
borderBottom: "1px solid rgb(223, 223, 223)"
@ -94,4 +94,4 @@ export const styles = theme => ({
fullList: {
width: 'auto',
},
});
});

82
src/common/pages/RegisterNew/index.js
View File

@ -129,6 +129,7 @@ class RegisterPage extends React.Component {
});
}
{console.log("namee", name)}
this.setState({
[name]: event.target.value,
});
@ -208,45 +209,46 @@ class RegisterPage extends React.Component {
no_rekening : this.state.no_rekening
}
};
this.authStore.register(data).then(res => {
//message.success("Please check your email to confirm your account");this.props.history.push(LINKS.LOGIN);
setTimeout(() => {
this.setState({ isLoading: false });
this.props.history.push(LINKS.REGISTER_COMPLETED);
// this.props.history.push(LINKS.LOGIN);
}, 250);
}).catch(err => {
this.setState({ isLoading: false });
if (err.type === 'BodyValidationError') {
message.error(err.detail[0].message);
} else {
if (err.message.toLowerCase().includes('email')) {
this.setState({
errors: {
...this.state.errors,
email_exists: 'Email sudah terdaftar'
}
})
} else if (err.message.toLowerCase().includes('phone number')) {
this.setState({
errors: {
...this.state.errors,
phone_exists: 'Nomer handphone sudah terdaftar'
}
})
} else if (err.message.toLowerCase().includes('referal')) {
this.setState({
errors: {
...this.state.errors,
referal_not_found: 'Kode Referal Salah - Silahkan Hubungi Petugas BTN'
}
})
} else {
message.error(err.message);
}
}
});
this.props.history.push(LINKS.VOUCHERS);
// this.authStore.register(data).then(res => {
// //message.success("Please check your email to confirm your account");this.props.history.push(LINKS.LOGIN);
// setTimeout(() => {
// this.setState({ isLoading: false });
// this.props.history.push(LINKS.REGISTER_COMPLETED);
// // this.props.history.push(LINKS.LOGIN);
// }, 250);
// }).catch(err => {
// this.setState({ isLoading: false });
//
// if (err.type === 'BodyValidationError') {
// message.error(err.detail[0].message);
// } else {
// if (err.message.toLowerCase().includes('email')) {
// this.setState({
// errors: {
// ...this.state.errors,
// email_exists: 'Email sudah terdaftar'
// }
// })
// } else if (err.message.toLowerCase().includes('phone number')) {
// this.setState({
// errors: {
// ...this.state.errors,
// phone_exists: 'Nomer handphone sudah terdaftar'
// }
// })
// } else if (err.message.toLowerCase().includes('referal')) {
// this.setState({
// errors: {
// ...this.state.errors,
// referal_not_found: 'Kode Referal Salah - Silahkan Hubungi Petugas BTN'
// }
// })
// } else {
// message.error(err.message);
// }
// }
// });
};
handleChangeUploadKtp = (info) => {
@ -634,7 +636,7 @@ class RegisterPage extends React.Component {
<div style={{ padding: 5, marginTop: 20 }}>
<Button
fullWidth
variant="contained" style={{ backgroundColor: '#ffeb3b' }} onClick={this.register}>
variant="contained" style={{ backgroundColor: '#FAAF03' }} onClick={this.register}>
{this.state.isLoading ? <CircularProgress className={classes.progress} /> : "Daftar"}
</Button>

2
src/common/pages/RegisterNew/styles.js
View File

@ -4,7 +4,7 @@ export const styles = theme => ({
flex :1,
flexGrow : 1,
height : "100vh",
backgroundColor:'#024f8e',
backgroundColor:'#FEFAF0',
marginTop: '-56px',
},
gridContainer : {

3
src/common/pages/Transaction/ItemList/index.js
View File

@ -43,7 +43,8 @@ export default class ItemList extends React.Component {
<p className={'nameText'}>{data.item.name}</p>
<div className={'childContainer'}>
<p className={'childTitle'}>Price</p>
<p className={'childText'}>{(+data.item_sku.price).toFixed(0)} Points</p>
{/*<p className={'childText'}>{(+data.price).toFixed(0)} Points</p>*/}
<p className={'childText'}>{data.price} Points</p>
</div>
<div className={'childContainer'}>
<p className={'childTitle'}>Voucher Code</p>

4
src/common/pages/Transaction/index.js
View File

@ -38,13 +38,13 @@ export default class TransactionPage extends React.Component {
transaction: {
status: 'Transaction Success',
},
price: faker.commerce.price(),
price: faker.commerce.price(1000, 1000000, 0, ''),
voucher_code: `${faker.random.alphaNumeric(5).toUpperCase()} - ${faker.random.alphaNumeric(5).toUpperCase()} - ${faker.random.alphaNumeric(5).toUpperCase()} - ${faker.random.alphaNumeric(5).toUpperCase()} - ${faker.random.alphaNumeric(5).toUpperCase()}`,
},
{
transaction_id: `INV/20190101/VII/X/${faker.random.alphaNumeric(6).toUpperCase()}`,
created_at: moment(faker.date.past()).format("dddd, MMMM Do YYYY, HH:mm:ss"),
updated_at: moment(faker.date.past()).format("dddd, MMMM Do YYYY, HH:mm:ss"),
updated_at: moment(faker.date.past(5, '2020-01-01T00:00:00.000Z')).format("dddd, MMMM Do YYYY, HH:mm:ss"),
deleted_at: null,
item: {
name: faker.commerce.productName(),

2
src/common/pages/Transaction/style.scss
View File

@ -6,7 +6,7 @@
align-items: center;
.parentContainer{
width: 40vw;
width: 60vw;
.barContainer{
display: flex;

2
src/common/pages/Vouchers/Checkout/style.scss
View File

@ -1,7 +1,7 @@
@media(min-width: 1000px){
.imageCard{
width: 20vw;
height: 25vh;
height: 35vh;
}
.upper-card{

2
src/common/pages/Vouchers/Payment/index.js
View File

@ -110,7 +110,7 @@ export default class PaymentVouchers extends React.Component {
{this.props.vouchersStore.dataItems.name} - {this.props.vouchersStore.skuName}
</h3>
<h3 className={'item-points'}>
BTN Points Payment
KB Bukopin Payment
</h3>
</div>
<img className={'image-logo'} src={image} />

2
src/common/pages/Vouchers/Payment/style.scss
View File

@ -9,7 +9,7 @@
@media(min-width: 1000px){
.image-logo{
width: 10vw;
height: 10vh;
height: 35vh;
}
.item-container{

4
src/common/pages/Vouchers/style.scss
View File

@ -8,7 +8,7 @@
}
.itemCard{
background-color: #eee;
background-color: white;
border: #ccc 1px solid;
width: 100%;
display: flex;
@ -21,7 +21,7 @@
.imageCard{
width: 120px;
max-height: 60px;
max-height: 100px;
}
.titleCard{

2
src/common/styles/style.scss
View File

@ -7,7 +7,7 @@
body {
-webkit-font-smoothing: antialiased !important;
background-color: #f1f5f9;
background-color: #FEFAF0;
text-transform: none;
padding-top: 56px;
font-family: 'Montserrat', "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;