Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-18 17:02:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

NavBar's tabs are configurable through props

Browse source
This commit is contained in:
NikolaBorislavovHristov 2018-06-15 13:58:18 +03:00
parent eb1b49e303
commit e652e8b8e0
1 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/app/NavBar/NavBar.js
View file

@ -11,17 +11,28 @@ class NavBar extends Component {
render() {
return (
<nav className={styles['nav-bar']}>
<NavTab to={'/'} exact={true} icon={'ic_board'} label={'Board'} />
<NavTab to={'/discover'} icon={'ic_discover'} label={'Discover'} />
<NavTab to={'/library'} icon={'ic_library'} label={'My Library'} />
<NavTab to={'/calendar'} icon={'ic_calendar'} label={'Calendar'} />
{this.props.tabs.map(tab => <NavTab key={tab.to} {...tab} />)}
</nav>
);
}
}
NavBar.propTypes = {
tabs: PropTypes.arrayOf(PropTypes.shape({
icon: PropTypes.string.isRequired,
label: PropTypes.string.isRequired,
to: PropTypes.string.isRequired,
exact: PropTypes.bool,
replace: PropTypes.bool
})).isRequired
};
NavBar.contextTypes = {
router: PropTypes.object.isRequired
};
NavBar.defaultProps = {
tabs: []
};
export default NavBar;