pages confirmation complete

src/common/pages/ConfirmationCompleted/index.js

@@ -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>
+        )
+    }
+}

src/common/routes.js

@@ -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}/>