pages confirmation complete
This commit is contained in:
parent
2836995c66
commit
6639445705
113
src/common/pages/ConfirmationCompleted/index.js
Normal file
113
src/common/pages/ConfirmationCompleted/index.js
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
import React from 'react';
|
||||
import withStyles from "@material-ui/core/styles/withStyles";
|
||||
import {styles} from '../Register/registerStyle';
|
||||
import {notification} from 'antd';
|
||||
|
||||
import Grid from '@material-ui/core/Grid';
|
||||
import Paper from '@material-ui/core/Paper';
|
||||
import Typography from '@material-ui/core/Typography';
|
||||
import TextField from '@material-ui/core/TextField';
|
||||
import Visibility from '@material-ui/icons/Visibility';
|
||||
import VisibilityOff from '@material-ui/icons/VisibilityOff';
|
||||
import Button from '@material-ui/core/Button';
|
||||
import Hidden from '@material-ui/core/Hidden';
|
||||
import Dialog from '@material-ui/core/Dialog';
|
||||
import DialogActions from '@material-ui/core/DialogActions';
|
||||
import DialogContent from '@material-ui/core/DialogContent';
|
||||
import DialogContentText from '@material-ui/core/DialogContentText';
|
||||
import DialogTitle from '@material-ui/core/DialogTitle';
|
||||
import InputAdornment from '@material-ui/core/InputAdornment';
|
||||
import IconButton from '@material-ui/core/IconButton';
|
||||
import CircularProgress from '@material-ui/core/CircularProgress';
|
||||
import Snackbar from '@material-ui/core/Snackbar';
|
||||
|
||||
import { Link } from 'react-router-dom';
|
||||
import {inject, observer} from 'mobx-react';
|
||||
import {LINKS} from "../../routes";
|
||||
|
||||
@withStyles(styles)
|
||||
@inject('appstate')
|
||||
@observer
|
||||
export default class ConfirmationCompletedComponent extends React.Component{
|
||||
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.props = props;
|
||||
this.state = {
|
||||
email: "",
|
||||
password: "",
|
||||
showPassword : false,
|
||||
isLoading: false,
|
||||
loginFailed: false,
|
||||
isNeedEmailVerification: false,
|
||||
};
|
||||
this.defaultState = Object.assign({}, this.state);
|
||||
this.authStore = props.appstate.auth;
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
|
||||
}
|
||||
|
||||
handleChange = name => event => {
|
||||
this.setState({
|
||||
[name]: event.target.value,
|
||||
});
|
||||
};
|
||||
|
||||
viewPassword = ()=>{
|
||||
this.setState({
|
||||
showPassword : !this.state.showPassword
|
||||
})
|
||||
};
|
||||
|
||||
render(){
|
||||
const { classes } = this.props;
|
||||
return (
|
||||
<div className={classes.container}>
|
||||
<Grid container spacing={0} className={classes.gridContainer}>
|
||||
<Grid item xs={12} className={classes.logoContainer}>
|
||||
<img src={require('../../../../assets/images/login/logo_new.png')} className={classes.logo} />
|
||||
</Grid>
|
||||
<Grid item xs={12} sm={12} md={10} lg={6} className={classes.registerContainer}>
|
||||
<Grid container spacing={24} className={classes.registerPaper}>
|
||||
<Hidden smDown>
|
||||
<Grid item xs={6}>
|
||||
<img src={require('../../../../assets/images/login/register_image_2.png')} width={"80%"}/>
|
||||
<Typography style={{color : '#FFF'}} variant={"h6"}>
|
||||
Selamat Datang di BTN Point
|
||||
</Typography>
|
||||
<Typography style={{color : '#FFF'}} variant={"subtitle2"}>
|
||||
Daftar untuk mendapatkan berbagai macam manfaat dan keuntungan
|
||||
</Typography>
|
||||
</Grid>
|
||||
</Hidden>
|
||||
<Grid item xs={12} sm={12} md={6} style={{paddingLeft : 50,paddingRight : 50}}>
|
||||
<Paper className={classes.formRegister}>
|
||||
<Typography variant="h6" gutterBottom>
|
||||
Pendaftaran Berhasil
|
||||
</Typography>
|
||||
<Typography variant="body1" gutterBottom>
|
||||
Kami telah mengirim sebuah OTP nomor ponsel anda, jika tidak terkirim tekan link ini <a>Resend</a>
|
||||
{/*We have sent an email with a confirmation link to your email address. Please allow 5-10 minutes for this message to arrive.*/}
|
||||
</Typography>
|
||||
|
||||
{/*<div style={{padding : 5,marginTop : 20}}>*/}
|
||||
|
||||
{/*<Link*/}
|
||||
{/*to={LINKS.LOGIN}>*/}
|
||||
{/*<Button fullWidth variant="contained" style={{background:'#ffeb3b'}}>*/}
|
||||
{/*Back to Login*/}
|
||||
{/*</Button>*/}
|
||||
{/*</Link>*/}
|
||||
{/*</div>*/}
|
||||
</Paper>
|
||||
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
@ -12,6 +12,7 @@ import InviteConfirmationLoginComponent from './pages/InviteConfirmationLogin/in
|
|||
import AcceptInvite from "./pages/AcceptInvite/index";
|
||||
import OtpPage from "./pages/Otp";
|
||||
import RegisterCompletedComponent from "./pages/RegisterCompleted";
|
||||
import ConfirmationCompletedComponent from "./pages/ConfirmationCompleted";
|
||||
|
||||
export const LINKS = {
|
||||
ROOT: '/',
|
||||
|
|
@ -80,6 +81,7 @@ export const LINKS = {
|
|||
ORDER_DETAIL_AIRLINES_WO_ID: '/app/order_detail_airline',
|
||||
REGISTER: '/register',
|
||||
REGISTER_COMPLETED: '/register_completed',
|
||||
CONFIRMATION_COMPLETED: '/confirmation_completed',
|
||||
LOGIN: '/login',
|
||||
FORGOT_PASSWORD: '/forgot_password',
|
||||
ACCEPT_INVITE: '/register_store',
|
||||
|
|
@ -162,6 +164,7 @@ export default class Routes extends React.Component {
|
|||
}}/>)}/>
|
||||
<Route exact path={LINKS.REGISTER} component={RegisterComponent}/>
|
||||
<Route exact path={LINKS.REGISTER_COMPLETED} component={RegisterCompletedComponent}/>
|
||||
<Route exact path={LINKS.CONFIRMATION_COMPLETED} component={ConfirmationCompletedComponent}/>
|
||||
<Route exact path={LINKS.LOGIN} component={LoginBTNComponent}/>
|
||||
<Route exact path={LINKS.OTP} component={OtpPage}/>
|
||||
<Route exact path={LINKS.FORGOT_PASSWORD} component={ForgotPasswordComponent}/>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user