b5bc340f32
Closes #446
54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
const React = require('react');
|
|
const PropTypes = require('prop-types');
|
|
|
|
class TeamListItem extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.handleTeamRemove = this.handleTeamRemove.bind(this);
|
|
this.handleTeamEditing = this.handleTeamEditing.bind(this);
|
|
}
|
|
|
|
handleTeamRemove() {
|
|
this.props.onTeamRemove();
|
|
}
|
|
handleTeamEditing() {
|
|
this.props.onTeamEditing();
|
|
}
|
|
render() {
|
|
return (
|
|
<div className='TeamListItem list-group-item'>
|
|
<div
|
|
className='TeamListItem-left'
|
|
onClick={this.props.onTeamClick}
|
|
>
|
|
<h4 className='list-group-item-heading'>{ this.props.name }</h4>
|
|
<p className='list-group-item-text'>
|
|
{ this.props.url }
|
|
</p>
|
|
</div>
|
|
<div className='pull-right'>
|
|
<a
|
|
href='#'
|
|
onClick={this.handleTeamEditing}
|
|
>{'Edit'}</a>
|
|
{' - '}
|
|
<a
|
|
href='#'
|
|
onClick={this.handleTeamRemove}
|
|
>{'Remove'}</a>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
TeamListItem.propTypes = {
|
|
name: PropTypes.string,
|
|
onTeamEditing: PropTypes.func,
|
|
onTeamRemove: PropTypes.func,
|
|
onTeamClick: PropTypes.func,
|
|
url: PropTypes.string
|
|
};
|
|
|
|
module.exports = TeamListItem;
|