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

update : loginPage

Browse Source
This commit is contained in:
enggar_ganteng 2019-01-28 21:07:31 +07:00
parent d7724bda5a
commit 8b2f3ac089
1 changed files with 77 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/common/pages/Login/LoginBtn.js
View File

@ -36,7 +36,8 @@ class BTNLoginPage extends React.Component{
password: "",
showPassword : false,
isLoading: false,
loginFailed: false
loginFailed: false,
isNeedEmailVerification: false,
};
this.defaultState = Object.assign({}, this.state);
this.authStore = props.appstate.auth;
@ -63,10 +64,15 @@ class BTNLoginPage extends React.Component{
password: password,
}
this.authStore.login(data).then(res => {
if(!res.need_email_verification){
setTimeout(()=>{
this.props.history.push(LINKS.DASHBOARD);
this.setState({isLoading:false});
},1000);
}
else{
this.setState({isNeedEmailVerification:true});
}
}).catch(err => {
this.setState({loginFailed:true,isLoading:false});
setTimeout(()=>this.setState({loginFailed:false}),3000);
@ -122,6 +128,26 @@ class BTNLoginPage extends React.Component{
</Grid>
</Hidden>
<Grid item xs={12} sm={12} md={6} style={{paddingLeft : 50,paddingRight : 50}}>
{
this.state.isNeedEmailVerification &&
<Paper className={classes.formRegister}>
<Typography variant="h6" gutterBottom>
Your account still need email verification
</Typography>
<Typography variant="subtitle2" gutterBottom>
Still not received any email? <Link to={"/register"}>Resend email</Link>
</Typography>
<div style={{padding : 5,marginTop : 20}}>
<Button onClick={() => this.setState({isNeedEmailVerification : false})} fullWidth variant="contained" style={{background:'#ffeb3b'}}>
Back to Login
</Button>
</div>
</Paper>
}
{
!this.state.isNeedEmailVerification &&
<Paper className={classes.formRegister}>
<Typography variant="h6" gutterBottom>
Login to BTN Point
@ -166,6 +192,8 @@ class BTNLoginPage extends React.Component{
</Button>
</div>
</Paper>
}
</Grid>
</Grid>
</Grid>