47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
import React from 'react';
|
|
import Link from 'component/link';
|
|
import {FormRow} from 'component/form.js';
|
|
|
|
class UserEmailVerify extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.state = {
|
|
code: '',
|
|
};
|
|
}
|
|
|
|
handleCodeChanged(event) {
|
|
this.setState({
|
|
code: event.target.value,
|
|
});
|
|
}
|
|
|
|
handleSubmit(event) {
|
|
event.preventDefault();
|
|
this.props.verifyUserEmail(this.state.code)
|
|
}
|
|
//
|
|
// <div className="form-field__helper">
|
|
// No code? <Link onClick={() => { this.props.setStage("nocode")}} label="Click here" />.
|
|
// </div>
|
|
|
|
render() {
|
|
const {
|
|
errorMessage,
|
|
isPending
|
|
} = this.props
|
|
|
|
return <form onSubmit={(event) => { this.handleSubmit(event) }}>
|
|
<FormRow type="text" label="Verification Code" placeholder="a94bXXXXXXXXXXXXXX"
|
|
name="code" value={this.state.code} onChange={(event) => { this.handleCodeChanged(event) }}
|
|
errorMessage={errorMessage}
|
|
helper="A verification code is required to access this version."/>
|
|
<div className="form-row-submit form-row-submit--with-footer">
|
|
<Link button="primary" label="Verify" disabled={this.state.submitting} onClick={(event) => { this.handleSubmit(event)}} />
|
|
</div>
|
|
</form>
|
|
}
|
|
}
|
|
|
|
export default UserEmailVerify |