70 lines
1.7 KiB
React
70 lines
1.7 KiB
React
|
import React from "react";
|
||
|
import Link from "component/link";
|
||
|
import { FormRow } from "component/form.js";
|
||
|
|
||
|
class UserVerify extends React.PureComponent {
|
||
|
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);
|
||
|
}
|
||
|
|
||
|
render() {
|
||
|
const { errorMessage, isPending } = this.props;
|
||
|
return <p>VERIFY</p>;
|
||
|
return (
|
||
|
<form
|
||
|
onSubmit={event => {
|
||
|
this.handleSubmit(event);
|
||
|
}}
|
||
|
>
|
||
|
zzzzzzzzzzzzzzzzzzzzzzzzzzzzz
|
||
|
<FormRow
|
||
|
type="text"
|
||
|
label={__("Verification Code")}
|
||
|
placeholder="a94bXXXXXXXXXXXXXX"
|
||
|
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>
|
||
|
{__("Email")}{" "}
|
||
|
<Link href="mailto:help@lbry.io" label="help@lbry.io" />{" "}
|
||
|
{__("if you did not receive or are having trouble with your code.")}
|
||
|
</p>
|
||
|
</div>
|
||
|
<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 UserVerify;
|