diff --git a/frontend/src/components/navigation/org.js b/frontend/src/components/navigation/org.js index 81611cdd..1ec9c7c0 100644 --- a/frontend/src/components/navigation/org.js +++ b/frontend/src/components/navigation/org.js @@ -53,6 +53,7 @@ const OrgName = styled.span` const NavLi = styled(NavLink)` display: inline-block; text-decoration: none; + font-size: 16px; `; const StyledTabs = styled(Tabs)` @@ -73,6 +74,27 @@ const StyledContainer = styled(Container)` `} `; +const ManageTab = styled(Tab)` + + ${breakpoints.medium` + float: right; + `} +`; + +const DumbTab = ({ + children +}) => ( + {({ + isActive + }) => + + + {children} + + + } +); + const OrgNavigation = ({ orgs = [] }) => { @@ -107,11 +129,22 @@ const OrgNavigation = ({ ); }); + const manageTabs = () => ( + Manage Tabs ({orgs.length}) + ); + + const addOrgTab = () => ( + +   Add organisation + ); + return ( {navLinks} + + + @@ -122,6 +155,10 @@ OrgNavigation.propTypes = { orgs: React.PropTypes.arrayOf(PropTypes.org) }; +DumbTab.propTypes = { + children: React.PropTypes.node +}; + const mapStateToProps = (state) => ({ orgs: orgsSelector(state) });