EmailVerification.js 1.71 KB
Newer Older
EKSAD's avatar
EKSAD committed
1 2 3
import React, { Component } from 'react';
import Images from '../assets/Images';
import { TextField, InputAdornment, Button, Typography } from '@material-ui/core';
EKSAD's avatar
EKSAD committed
4
import { Link } from 'react-router-dom';
EKSAD's avatar
EKSAD committed
5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20


class EmailVerification extends Component {
    constructor(props) {
        super(props)
        this.state = {
            username: ''
        }
    }

    handleChange(e) {
      let data = this.state
      this.setState({...data, [e.target.name] : e.target.value})
    }
    render() {
        return (
EKSAD's avatar
EKSAD committed
21
          <div style={{ flex: 1, display: 'flex', backgroundColor: '#152d40', height: '100vh', justifyContent: 'center', alignItems: 'center' }}>
EKSAD's avatar
EKSAD committed
22 23 24
              <div style={{paddingTop: 20, paddingRight: 24, paddingLeft: 24, display: 'flex', flexDirection: 'column', width: 378, height: 300, borderRadius: 12, boxShadow: '0 2 4 0 rgba(0, 0, 0, 0.2)', backgroundColor: '#ffffff', justifyContent: 'center', alignItems: 'center' }}>
                <img src={Images.berhasil} />

EKSAD's avatar
EKSAD committed
25
                <Typography style={{textAlign: 'center', fontSize: 14, marginTop: 24, color: '#4b4b4b', fontFamily: 'Nunito Sans, sans-serif'}} >We sent a recovery link to you. Please check your email.</Typography>
EKSAD's avatar
EKSAD committed
26

EKSAD's avatar
EKSAD committed
27 28
                <Link to={{pathname: '/login'}} style={{textDecoration: 'none'}}>
                  <Button variant="contained" style={{ marginTop: 24, marginBottom: 20,  width: 250, height: 30, borderRadius: 4 , backgroundColor: '#51c6ea', color: '#ffffff'}}>
EKSAD's avatar
EKSAD committed
29
                    <Typography style={{fontSize: 12, fontFamily: 'Nunito Sans, sans-serif'}}>Back To Login</Typography>
EKSAD's avatar
EKSAD committed
30 31 32
                  </Button>
                </Link>
                
EKSAD's avatar
EKSAD committed
33 34 35 36 37 38 39
              </div>
          </div>
        );
      }
}

export default EmailVerification;