2018-03-26 23:32:43 +02:00
|
|
|
// I'll come back to this
|
|
|
|
/* eslint-disable */
|
2017-12-21 22:08:54 +01:00
|
|
|
import React from 'react';
|
2018-03-26 23:32:43 +02:00
|
|
|
import BusyIndicator from 'component/common/busy-indicator';
|
|
|
|
import CreditAmount from 'component/common/credit-amount';
|
|
|
|
import { Form, FormRow, FormField, Submit } from 'component/common/form';
|
2017-08-18 05:31:44 +02:00
|
|
|
|
|
|
|
class FormInviteNew extends React.PureComponent {
|
2018-03-26 23:32:43 +02:00
|
|
|
constructor() {
|
|
|
|
super();
|
2017-08-18 05:31:44 +02:00
|
|
|
|
|
|
|
this.state = {
|
2017-12-21 22:08:54 +01:00
|
|
|
email: '',
|
2017-08-18 05:31:44 +02:00
|
|
|
};
|
2018-03-26 23:32:43 +02:00
|
|
|
|
|
|
|
this.handleSubmit = this.handleSubmit.bind(this);
|
2017-08-18 05:31:44 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
handleEmailChanged(event) {
|
|
|
|
this.setState({
|
|
|
|
email: event.target.value,
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2017-09-11 03:25:24 +02:00
|
|
|
handleSubmit() {
|
|
|
|
const { email } = this.state;
|
|
|
|
this.props.inviteNew(email);
|
2017-08-18 05:31:44 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
2018-03-26 23:32:43 +02:00
|
|
|
const { errorMessage, isPending, rewardAmount } = this.props;
|
|
|
|
const label = `${__('Get')} ${rewardAmount} LBC`;
|
2017-08-18 05:31:44 +02:00
|
|
|
|
|
|
|
return (
|
2018-03-26 23:32:43 +02:00
|
|
|
<Form onSubmit={this.handleSubmit}>
|
|
|
|
<FormRow stretch>
|
|
|
|
<FormField
|
|
|
|
stretch
|
|
|
|
type="text"
|
|
|
|
label="Email"
|
|
|
|
placeholder="youremail@example.org"
|
|
|
|
name="email"
|
|
|
|
value={this.state.email}
|
|
|
|
error={errorMessage}
|
|
|
|
onChange={event => {
|
|
|
|
this.handleEmailChanged(event);
|
|
|
|
}}
|
|
|
|
/>
|
|
|
|
</FormRow>
|
|
|
|
<div className="card__actions">
|
|
|
|
<Submit label={label} disabled={isPending} />
|
2017-08-18 05:31:44 +02:00
|
|
|
</div>
|
2017-09-11 03:25:24 +02:00
|
|
|
</Form>
|
2017-08-18 05:31:44 +02:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class InviteNew extends React.PureComponent {
|
|
|
|
render() {
|
|
|
|
const {
|
|
|
|
errorMessage,
|
|
|
|
invitesRemaining,
|
|
|
|
inviteNew,
|
|
|
|
inviteStatusIsPending,
|
|
|
|
isPending,
|
2017-08-26 05:21:26 +02:00
|
|
|
rewardAmount,
|
2017-08-18 05:31:44 +02:00
|
|
|
} = this.props;
|
|
|
|
|
|
|
|
return (
|
2018-03-26 23:32:43 +02:00
|
|
|
<section className="card card--section">
|
|
|
|
<div className="card__title">{__('Invite a Friend')}</div>
|
|
|
|
<div className="card__subtitle">
|
|
|
|
{__("Or an enemy. Or your cousin Jerry, who you're kind of unsure about.")}
|
2017-08-18 05:31:44 +02:00
|
|
|
</div>
|
2017-08-25 21:51:54 +02:00
|
|
|
{/*
|
2017-08-18 05:31:44 +02:00
|
|
|
<div className="card__content">
|
|
|
|
{invitesRemaining > 0 &&
|
|
|
|
<p>{__("You have %s invites remaining.", invitesRemaining)}</p>}
|
|
|
|
{invitesRemaining <= 0 &&
|
2017-08-25 21:51:54 +02:00
|
|
|
<p className="empty">{__("You have no invites.")}</p>}
|
|
|
|
</div> */}
|
|
|
|
<div className="card__content">
|
2018-03-26 23:32:43 +02:00
|
|
|
<FormInviteNew
|
|
|
|
errorMessage={errorMessage}
|
|
|
|
inviteNew={inviteNew}
|
|
|
|
isPending={isPending}
|
|
|
|
rewardAmount={rewardAmount}
|
|
|
|
/>
|
2017-08-18 05:31:44 +02:00
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default InviteNew;
|
2018-03-26 23:32:43 +02:00
|
|
|
/* eslint-enable */
|