hide project defaults page for customer role

src/helpers/protectComponent.js

@@ -0,0 +1,27 @@
+import React from 'react'
+import CoderBroken from '../assets/icons/coder-broken.svg'
+import {hasPermission} from './permissions'
+
+function protectComponent(Component, permission, pageName) {
+  class ProtectedComponent extends React.Component {
+    render() {
+      if (!hasPermission(permission)) {
+        return (
+          <section className="content content-error">
+            <div className="container">
+              <div className="page-error">
+                <CoderBroken className="icon-coder-broken" />
+                <span>You don't have permission to access {pageName || 'this page'}</span>
+              </div>
+            </div>
+          </section>
+        )
+      }
+      return <Component {...this.props} />
+    }
+  }
+
+  return ProtectedComponent
+}
+
+export default protectComponent

src/projects/detail/components/EditProjectDefaultsForm/EditProjectDefaultsForm.jsx

@@ -7,6 +7,8 @@ import { updateProject } from '../../../actions/project'
 import NDAField from '../NDAField'
 import GroupsField from '../GroupsField'
 import BillingAccountField from '../BillingAccountField'
+import {PERMISSIONS} from '../../../../config/permissions'
+import protectComponent from '../../../../helpers/protectComponent'
 
 import './EditProjectDefaultsForm.scss'
 
@@ -106,4 +108,8 @@ const mapDispatchToProps = {
   updateProject
 }
 
-export default connect(null, mapDispatchToProps)(EditProjectDefaultsForm)
+export default protectComponent(
+  connect(null, mapDispatchToProps)(EditProjectDefaultsForm),
+  PERMISSIONS.VIEW_PROJECT_DEFAULTS,
+  'Project Defaults'
+)