2017-01-18 19:00:59 +02:00
|
|
|
const React = require('react');
|
|
|
|
|
|
|
|
const PropTypes = require('@root/prop-types');
|
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');
|
|
|
|
|
|
|
|
const buttonStyle = {
|
|
|
|
float: 'right'
|
|
|
|
};
|
|
|
|
|
|
|
|
const People = (props) => {
|
|
|
|
|
|
|
|
const {
|
|
|
|
people = [],
|
|
|
|
orgUI = {},
|
|
|
|
handleToggle
|
|
|
|
} = props;
|
2017-01-18 19:00:59 +02:00
|
|
|
|
|
|
|
return (
|
2017-01-23 16:00:10 +02:00
|
|
|
<div>
|
|
|
|
<Row>
|
|
|
|
<Column smOffset={9} xs={2}>
|
|
|
|
<Button
|
|
|
|
disabled={orgUI.invite_toggled}
|
|
|
|
onClick={handleToggle}
|
|
|
|
style={buttonStyle}
|
|
|
|
>
|
|
|
|
Invite
|
|
|
|
</Button>
|
|
|
|
</Column>
|
|
|
|
</Row>
|
|
|
|
|
|
|
|
<Row>
|
|
|
|
<Column xs={12}>
|
|
|
|
<PeopleTable
|
|
|
|
people={people}
|
|
|
|
/>
|
|
|
|
</Column>
|
|
|
|
</Row>
|
|
|
|
</div>
|
2017-01-18 19:00:59 +02:00
|
|
|
);
|
|
|
|
};
|
|
|
|
|
2017-01-23 16:00:10 +02:00
|
|
|
People.propTypes = {
|
|
|
|
handleToggle: React.PropTypes.func,
|
|
|
|
orgUI: React.PropTypes.obj,
|
2017-01-18 19:00:59 +02:00
|
|
|
people: React.PropTypes.arrayOf(PropTypes.person),
|
|
|
|
};
|
|
|
|
|
2017-01-23 16:00:10 +02:00
|
|
|
module.exports = People;
|