hide only Publish option for allowHubPublish=false (#414)

Author: sadakchap

src/dashboard/Dashboard.js

@@ -473,13 +473,8 @@ export default class Dashboard extends React.Component {
             <Route path={ match.path + '/analytics' } render={AnalyticsRoute}/>
             <Redirect exact from={ match.path + '/settings' } to='/apps/:appId/settings/general' />
             <Route path={ match.path + '/settings' } render={SettingsRoute}/>
-
-            {user.allowHubPublish && (
-              <>
-                <Route exact path={ match.path + '/connections' } component={HubConnections} />
-                <Route path={ match.path + '/hub-publish' } component={B4aHubPublishPage} />
-              </>
-            )}
+            <Route exact path={ match.path + '/connections' } component={HubConnections} />
+            {user.allowHubPublish && <Route path={ match.path + '/hub-publish' } component={B4aHubPublishPage} />}
           </Switch>
         </AppData>
       )

src/dashboard/DashboardView.react.js

@@ -182,12 +182,10 @@ export default class DashboardView extends React.Component {
       link: '/analytics'
     })
 
-    if (user.allowHubPublish) {
-      moreSubSection.push({
-        name: 'Database HUB',
-        link: '/connections'
-      })
-    }
+    moreSubSection.push({
+      name: 'Database HUB',
+      link: '/connections'
+    })
 
     moreSubSection.push({
       name: 'Admin App',

src/dashboard/Hub/HubConnections.react.js

@@ -1,3 +1,4 @@
+import AccountManager from 'lib/AccountManager';
 import PropTypes from 'prop-types'
 import React from 'react'
 import Swal from 'sweetalert2'
@@ -23,6 +24,8 @@ class HubConnections extends DashboardView {
       showDisconnectDialog: false,
       isDisconnecting: false
     };
+
+    this.user = AccountManager.currentUser();
   }
 
   async componentDidMount() {
@@ -33,11 +36,14 @@ class HubConnections extends DashboardView {
   renderSidebar() {
     const { path } = this.props.match;
     const current = path.substr(path.lastIndexOf("/") + 1, path.length - 1);
+    const categories = [
+      { name: 'Connections', id: 'connections' },
+    ];
+    if (this.user.allowHubPublish) {
+      categories.push({ name: 'Publish', id: 'hub-publish' })
+    }
     return (
-      <CategoryList current={current} linkPrefix={''} categories={[
-        { name: 'Connections', id: 'connections' },
-        { name: 'Publish', id: 'hub-publish' }
-      ]} />
+      <CategoryList current={current} linkPrefix={''} categories={categories} />
     );
   }