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)
});