2017-12-21 22:08:54 +01:00
|
|
|
import React from 'react';
|
|
|
|
import { Form, FormRow, Submit } from 'component/form.js';
|
2017-06-02 02:51:52 +02:00
|
|
|
|
2018-01-11 07:16:03 +01:00
|
|
|
class UserFieldNew extends React.PureComponent {
|
2017-06-02 02:51:52 +02:00
|
|
|
constructor(props) {
|
|
|
|
super(props);
|
|
|
|
|
|
|
|
this.state = {
|
2018-01-15 14:32:01 +01:00
|
|
|
phone: '',
|
2017-12-21 22:08:54 +01:00
|
|
|
email: '',
|
2017-06-02 02:51:52 +02:00
|
|
|
};
|
|
|
|
}
|
|
|
|
|
2018-01-15 14:32:01 +01:00
|
|
|
handleChanged(event, fieldType) {
|
2017-06-02 02:51:52 +02:00
|
|
|
this.setState({
|
2018-01-15 14:32:01 +01:00
|
|
|
[fieldType]: event.target.value,
|
2017-06-02 02:51:52 +02:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2017-09-11 03:25:24 +02:00
|
|
|
handleSubmit() {
|
2018-01-15 14:32:01 +01:00
|
|
|
const { email, phone } = this.state;
|
|
|
|
if (phone) {
|
|
|
|
this.props.addUserPhone(phone);
|
|
|
|
} else {
|
|
|
|
this.props.addUserEmail(email);
|
|
|
|
}
|
2017-06-02 02:51:52 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
2018-01-15 14:32:01 +01:00
|
|
|
const { cancelButton, errorMessage, isPending, fieldType } = this.props;
|
2017-06-02 02:51:52 +02:00
|
|
|
|
2018-01-15 14:32:01 +01:00
|
|
|
return fieldType === 'phone' ? (
|
|
|
|
<div>
|
|
|
|
<p>
|
|
|
|
{__(
|
|
|
|
'Enter your phone number and we will send you a verification code. We will not share your phone number with third parties.'
|
|
|
|
)}
|
|
|
|
</p>
|
|
|
|
<Form onSubmit={this.handleSubmit.bind(this)}>
|
|
|
|
<FormRow
|
|
|
|
type="text"
|
|
|
|
label="Phone"
|
|
|
|
placeholder="(555) 555-5555"
|
|
|
|
name="phone"
|
|
|
|
value={this.state.phone}
|
|
|
|
errorMessage={errorMessage}
|
|
|
|
onChange={event => {
|
|
|
|
this.handleChanged(event, 'phone');
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
<div className="form-row-submit">
|
|
|
|
<Submit label="Submit" disabled={isPending} />
|
|
|
|
{cancelButton}
|
|
|
|
</div>
|
|
|
|
</Form>
|
|
|
|
</div>
|
|
|
|
) : (
|
2017-12-07 19:07:30 +01:00
|
|
|
<div>
|
2017-08-26 05:21:26 +02:00
|
|
|
<p>
|
2017-12-30 00:43:51 +01:00
|
|
|
{__("We'll let you know about LBRY updates, security issues, and great new content.")}
|
2017-08-26 05:21:26 +02:00
|
|
|
</p>
|
2017-12-21 22:08:54 +01:00
|
|
|
<p>{__("We'll never sell your email, and you can unsubscribe at any time.")}</p>
|
2017-12-07 19:07:30 +01:00
|
|
|
<Form onSubmit={this.handleSubmit.bind(this)}>
|
|
|
|
<FormRow
|
|
|
|
type="text"
|
|
|
|
label="Email"
|
|
|
|
placeholder="youremail@example.org"
|
|
|
|
name="email"
|
|
|
|
value={this.state.email}
|
|
|
|
errorMessage={errorMessage}
|
|
|
|
onChange={event => {
|
2018-01-15 14:32:01 +01:00
|
|
|
this.handleChanged(event, 'email');
|
2017-12-07 19:07:30 +01:00
|
|
|
}}
|
|
|
|
/>
|
|
|
|
<div className="form-row-submit">
|
|
|
|
<Submit label="Submit" disabled={isPending} />
|
|
|
|
{cancelButton}
|
|
|
|
</div>
|
|
|
|
</Form>
|
|
|
|
</div>
|
2017-06-08 23:15:34 +02:00
|
|
|
);
|
2017-06-02 02:51:52 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-01-11 07:16:03 +01:00
|
|
|
export default UserFieldNew;
|