2017-01-18 19:00:59 +02:00
|
|
|
const React = require('react');
|
2017-02-13 13:59:29 +02:00
|
|
|
const Styled = require('styled-components');
|
2017-01-18 19:00:59 +02:00
|
|
|
|
2017-02-01 19:20:21 +02:00
|
|
|
const Empty = require('@components/empty/people');
|
|
|
|
|
2017-01-23 16:00:10 +02:00
|
|
|
const Row = require('@ui/components/row');
|
|
|
|
const Column = require('@ui/components/column');
|
|
|
|
const Button = require('@ui/components/button');
|
|
|
|
|
|
|
|
const PeopleTable = require('./table');
|
2017-01-23 17:47:45 +02:00
|
|
|
const Invite = require('./invite');
|
2017-01-23 16:00:10 +02:00
|
|
|
|
2017-02-13 13:59:29 +02:00
|
|
|
const {
|
|
|
|
default: styled
|
|
|
|
} = Styled;
|
|
|
|
|
|
|
|
const StyledButton = styled(Button)`
|
|
|
|
float: right;
|
|
|
|
`;
|
2017-01-23 16:00:10 +02:00
|
|
|
|
|
|
|
const People = (props) => {
|
|
|
|
const {
|
2017-01-26 16:34:06 +02:00
|
|
|
UI = {},
|
2017-01-23 17:47:45 +02:00
|
|
|
handleToggle,
|
2017-01-25 16:11:31 +02:00
|
|
|
people
|
2017-01-23 16:00:10 +02:00
|
|
|
} = props;
|
2017-01-18 19:00:59 +02:00
|
|
|
|
|
|
|
return (
|
2017-01-23 16:00:10 +02:00
|
|
|
<div>
|
|
|
|
<Row>
|
2017-02-03 17:01:51 +02:00
|
|
|
<Column md={2} mdOffset={9}>
|
2017-02-13 13:59:29 +02:00
|
|
|
<StyledButton
|
2017-01-26 16:34:06 +02:00
|
|
|
disabled={UI.invite_toggled}
|
2017-01-23 16:00:10 +02:00
|
|
|
onClick={handleToggle}
|
|
|
|
>
|
|
|
|
Invite
|
2017-02-13 13:59:29 +02:00
|
|
|
</StyledButton>
|
2017-01-23 16:00:10 +02:00
|
|
|
</Column>
|
|
|
|
</Row>
|
|
|
|
|
2017-01-26 16:34:06 +02:00
|
|
|
{UI.invite_toggled ? <Invite {...props} /> : null}
|
2017-01-23 17:47:45 +02:00
|
|
|
|
2017-01-23 16:00:10 +02:00
|
|
|
<Row>
|
|
|
|
<Column xs={12}>
|
2017-01-25 16:11:31 +02:00
|
|
|
{ people.length > 0
|
|
|
|
? <PeopleTable {...props} />
|
2017-02-01 19:20:21 +02:00
|
|
|
: <Empty /> }
|
2017-01-23 16:00:10 +02:00
|
|
|
</Column>
|
|
|
|
</Row>
|
|
|
|
</div>
|
2017-01-18 19:00:59 +02:00
|
|
|
);
|
|
|
|
};
|
|
|
|
|
2017-01-23 16:00:10 +02:00
|
|
|
People.propTypes = {
|
2017-01-26 16:34:06 +02:00
|
|
|
UI: React.PropTypes.object,
|
2017-01-23 16:00:10 +02:00
|
|
|
handleToggle: React.PropTypes.func,
|
2017-01-26 16:34:06 +02:00
|
|
|
people: React.PropTypes.array,
|
2017-01-18 19:00:59 +02:00
|
|
|
};
|
|
|
|
|
2017-01-23 16:00:10 +02:00
|
|
|
module.exports = People;
|