jmeta"1494DhQAWdVazd9TGC8uFBqjG1Uv3wPpMm@832e24b09fd86a9e6eb1d14ff135c1533a72af5857d46fc1f018de9d9603f9de|"19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAutMo
import React, { PureComponent } from 'react';
import { bindActionCreators } from 'redux';
import { compose } from 'recompose';
import { Icon, Row, Col, Button, Layout } from 'antd';
import logo from 'assets/img/logo.png';
import { connectAuth, authActionCreators } from 'core';
import { promisify } from '../../utilities';
import UploadDocument from '../../components/UploadDocument/UploadDocument';
const { Content, Header} = Layout;
class UploadSelfieContainer extends PureComponent {
constructor(props) {
super(props);
this.state = {
imgSrc: ''
}
}
showTakePhotoPage = () => {
this.props.history.push('take_photo', {uploadType: 'selfie'});
}
onChooseImage = (imgSrc) => {
this.setState(...this.state, {imgSrc: imgSrc});
}
uploadDocument = () => {
if (this.state.imgSrc !== '' && this.props.user) {
promisify(this.props.updateSelfie, {
token: this.props.user.token,
selfie: this.state.imgSrc
})
.then((userInfo) => {
this.props.history.push(`/signin/${this.props.user.token}`);
})
.catch(e => console.log(e));
}
}
back = () => {
this.props.history.goBack();
}
render () {
return (
<div className="block">
<Layout>
<Header className="header">
<div onClick={this.back}>
<Icon style={{ fontSize: 16 }} type="arrow-left" /> <span>BACK</span>
</div>
</Header>
<Layout>
<Content className="main">
<Row className="validation_logo_area">
<Col span={14} offset={5}>
<img alt="true" src={logo} className="logo"/>
</Col>
</Row>
<Row className="validation_title_area">
<Col span={12} offset={6}>
<span className="validation_choose_title"> Upload Selfie</span>
</Col>
</Row>
<Row className="upload_area">
<Col offset={4} span={16}>
<UploadDocument onChooseImage={(imgSrc) => this.onChooseImage(imgSrc)} />
</Col>
</Row>
<Row className="upload_btn_area">
<Col className="take_area" offset={4} span={8}>
<Button className="take_btn" onClick={this.showTakePhotoPage}>Take a Picture<Icon style={{ fontSize: 16, color: '#ffffff'}} type="camera" /></Button>
</Col>
<Col className="preview_area" span={8}>
<Button className="preview_btn">Preview<Icon style={{ fontSize: 16, color: '#ffffff'}} type="eye" /></Button>
</Col>
</Row>
<Row>
<Col offset={4} span={16}>
<Button className={this.state.imgSrc === '' ? "continue_btn" : "continue_enable_btn"} disabled={this.state.imgSrc === '' ? true : false} onClick={this.uploadDocument}>NEXT</Button>
</Col>
</Row>
</Content>
</Layout>
</Layout>
</div>
);
}
}
const mapStateToProps = ({auth}) => ({
user: auth.user,
});
const mapDisptachToProps = (dispatch) => {
const {
updateSelfie
} = authActionCreators
return bindActionCreators({
updateSelfie
}, dispatch);
}
export default compose(
connectAuth(mapStateToProps, mapDisptachToProps),
)(UploadSelfieContainer);text/javascript UploadSelfieContainer.js|"1D1PdbxVxcjfovTATC3ginxjj4enTgxLyYSHA-512@È¡A5ß:ä-ÈHà¿[»o0³)îÖEõbG9ìä¹ icJ? B|íqchT2:%R`y1àý);|"179UZJnghXeAMzH4kBRqLpqeoHRaefwyd2
m/0/3/9/4/6/0
https://whatsonchain.com/tx/4e9fef8a42f3d77618cd6b5d2cf1c1657ad29cb6ed20ffdce1467bbeae1d3152