Add an add team button to the TabBar

This commit is contained in:
Jonas Schwabe
2016-12-25 16:44:44 +01:00
parent 83a9d21d34
commit 5f7ab2d9a2
6 changed files with 187 additions and 11 deletions

View File

@@ -1,5 +1,5 @@
const React = require('react');
const {Nav, NavItem} = require('react-bootstrap');
const {Nav, NavItem, Button} = require('react-bootstrap');
class TabBar extends React.Component {
render() {
@@ -75,16 +75,29 @@ class TabBar extends React.Component {
onSelect={this.props.onSelect}
>
{ tabs }
{ this.renderAddTeamButton() }
</Nav>
);
}
renderAddTeamButton() {
return (
<Button
onClick={this.props.onAddTeam}
bsStyle='tabButton'
>
{'+'}
</Button>
);
}
}
TabBar.propTypes = {
activeKey: React.PropTypes.number,
id: React.PropTypes.string,
onSelect: React.PropTypes.func,
teams: React.PropTypes.array
teams: React.PropTypes.array,
onAddTeam: React.PropTypes.func
};
module.exports = TabBar;