use array for links

scm-ui-components/packages/ui-components/src/navigation/PrimaryNavigation.js

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