use array for links

This commit is contained in:
Maren Süwer
2018-10-18 08:52:53 +02:00
parent 49e181a0dd
commit 184132b356

View File

@@ -16,47 +16,46 @@ class PrimaryNavigation extends React.Component<Props> {
render() { render() {
const { t, repositoriesLink, usersLink, groupsLink, configLink, logoutLink } = this.props; const { t, repositoriesLink, usersLink, groupsLink, configLink, logoutLink } = this.props;
const _repositoriesLink = repositoriesLink ? ( const links = [
<PrimaryNavigationLink repositoriesLink ? (
to="/repos" <PrimaryNavigationLink
match="/(repo|repos)" to="/repos"
label={t("primary-navigation.repositories")} match="/(repo|repos)"
/>): null; label={t("primary-navigation.repositories")}
key={"repositoriesLink"}
const _usersLink = usersLink ? ( />): null,
<PrimaryNavigationLink usersLink ? (
to="/users" <PrimaryNavigationLink
match="/(user|users)" to="/users"
label={t("primary-navigation.users")} match="/(user|users)"
/>) : null; label={t("primary-navigation.users")}
key={"usersLink"}
const _groupsLink = groupsLink ? ( />) : null,
<PrimaryNavigationLink groupsLink ? (
to="/groups" <PrimaryNavigationLink
match="/(group|groups)" to="/groups"
label={t("primary-navigation.groups")} match="/(group|groups)"
/>) : null; label={t("primary-navigation.groups")}
key={"groupsLink"}
const _configLink = configLink ? ( />) : null,
<PrimaryNavigationLink configLink ? (
to="/config" <PrimaryNavigationLink
label={t("primary-navigation.config")} to="/config"
/>) : null; label={t("primary-navigation.config")}
key={"configLink"}
const _logoutLink = logoutLink ? ( />) : null,
<PrimaryNavigationLink logoutLink ? (
to="/logout" <PrimaryNavigationLink
label={t("primary-navigation.logout")} to="/logout"
/>) : null; label={t("primary-navigation.logout")}
key={"logoutLink"}
/>) : null
];
return ( return (
<nav className="tabs is-boxed"> <nav className="tabs is-boxed">
<ul> <ul>
{_repositoriesLink} {links}
{_usersLink}
{_groupsLink}
{_configLink}
{_logoutLink}
</ul> </ul>
</nav> </nav>
); );