2017-12-21 22:08:54 +01:00
|
|
|
import React from 'react';
|
|
|
|
import { BusyMessage } from 'component/common';
|
|
|
|
import SubHeader from 'component/subHeader';
|
|
|
|
import InviteNew from 'component/inviteNew';
|
|
|
|
import InviteList from 'component/inviteList';
|
2017-08-18 05:31:44 +02:00
|
|
|
|
|
|
|
class InvitePage extends React.PureComponent {
|
|
|
|
componentWillMount() {
|
|
|
|
this.props.fetchInviteStatus();
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const { isPending, isFailed } = this.props;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<main className="main--single-column">
|
|
|
|
<SubHeader />
|
2017-12-21 22:08:54 +01:00
|
|
|
{isPending && <BusyMessage message={__('Checking your invite status')} />}
|
2017-08-18 05:31:44 +02:00
|
|
|
{!isPending &&
|
2017-12-21 22:08:54 +01:00
|
|
|
isFailed && <span className="empty">{__('Failed to retrieve invite status.')}</span>}
|
2017-08-18 05:31:44 +02:00
|
|
|
{!isPending && !isFailed && <InviteNew />}
|
|
|
|
{!isPending && !isFailed && <InviteList />}
|
|
|
|
</main>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default InvitePage;
|