2017-06-08 23:15:34 +02:00
|
|
|
import React from "react";
|
|
|
|
import Link from "component/link";
|
2017-12-07 19:07:30 +01:00
|
|
|
import { CreditAmount } from "component/common";
|
2017-09-11 03:25:24 +02:00
|
|
|
import { Form, FormRow, Submit } from "component/form.js";
|
2017-06-03 01:09:52 +02:00
|
|
|
|
2017-06-09 02:10:53 +02:00
|
|
|
class UserEmailVerify extends React.PureComponent {
|
2017-06-03 01:09:52 +02:00
|
|
|
constructor(props) {
|
|
|
|
super(props);
|
|
|
|
|
|
|
|
this.state = {
|
2017-06-08 23:15:34 +02:00
|
|
|
code: "",
|
2017-06-03 01:09:52 +02:00
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
handleCodeChanged(event) {
|
|
|
|
this.setState({
|
2017-07-19 01:00:13 +02:00
|
|
|
code: String(event.target.value).trim(),
|
2017-06-03 01:09:52 +02:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2017-09-11 03:25:24 +02:00
|
|
|
handleSubmit() {
|
|
|
|
const { code } = this.state;
|
|
|
|
this.props.verifyUserEmail(code);
|
2017-06-03 01:09:52 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
2017-12-07 19:07:30 +01:00
|
|
|
const {
|
|
|
|
cancelButton,
|
|
|
|
errorMessage,
|
|
|
|
email,
|
|
|
|
isPending,
|
|
|
|
rewardAmount,
|
|
|
|
} = this.props;
|
2017-06-08 23:15:34 +02:00
|
|
|
return (
|
2017-09-11 03:25:24 +02:00
|
|
|
<Form onSubmit={this.handleSubmit.bind(this)}>
|
2017-12-07 19:07:30 +01:00
|
|
|
<p>Please enter the verification code emailed to {email}.</p>
|
2017-06-08 23:15:34 +02:00
|
|
|
<FormRow
|
|
|
|
type="text"
|
2017-06-19 14:42:24 +02:00
|
|
|
label={__("Verification Code")}
|
2017-06-08 23:15:34 +02:00
|
|
|
name="code"
|
|
|
|
value={this.state.code}
|
|
|
|
onChange={event => {
|
|
|
|
this.handleCodeChanged(event);
|
|
|
|
}}
|
|
|
|
errorMessage={errorMessage}
|
|
|
|
/>
|
|
|
|
{/* render help separately so it always shows */}
|
|
|
|
<div className="form-field__helper">
|
|
|
|
<p>
|
2017-07-28 03:13:12 +02:00
|
|
|
{__("Email")}{" "}
|
2017-12-07 19:07:30 +01:00
|
|
|
<Link href="mailto:help@lbry.io" label="help@lbry.io" /> or join our{" "}
|
|
|
|
<Link href="https://chat.lbry.io" label="chat" />{" "}
|
2017-07-28 03:13:12 +02:00
|
|
|
{__("if you encounter any trouble with your code.")}
|
2017-06-08 23:15:34 +02:00
|
|
|
</p>
|
|
|
|
</div>
|
2017-12-07 19:07:30 +01:00
|
|
|
<div className="form-row-submit">
|
|
|
|
<Submit label={__("Verify")} disabled={isPending} />
|
|
|
|
{cancelButton}
|
2017-06-08 23:15:34 +02:00
|
|
|
</div>
|
2017-09-11 03:25:24 +02:00
|
|
|
</Form>
|
2017-06-08 23:15:34 +02:00
|
|
|
);
|
2017-06-03 01:09:52 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-06-08 23:15:34 +02:00
|
|
|
export default UserEmailVerify;
|