From db7b08d33a5b78c504f02f95153b646a1f8d5f93 Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Tue, 11 Jun 2019 14:53:44 +0800
Subject: [PATCH] [my groups] added permission check for 'New Group'

---
 .../src/components/toolbar/groups-toolbar.js  | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/toolbar/groups-toolbar.js b/frontend/src/components/toolbar/groups-toolbar.js
index bc236b1d1f..f4fb3d69ad 100644
--- a/frontend/src/components/toolbar/groups-toolbar.js
+++ b/frontend/src/components/toolbar/groups-toolbar.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import MediaQuery from 'react-responsive';
 import CommonToolbar from './common-toolbar';
 import { Button } from 'reactstrap';
-import { gettext } from '../../utils/constants';
+import { gettext, canAddGroup } from '../../utils/constants';
 
 const propTypes = {
   searchPlaceholder: PropTypes.string,
@@ -24,18 +24,20 @@ class GroupsToolbar extends React.Component {
       <div className="main-panel-north border-left-show">
         <div className="cur-view-toolbar">
           <span title="Side Nav Menu" onClick={onShowSidePanel} className="sf2-icon-menu side-nav-toggle hidden-md-up d-md-none"></span>
-          <div className="operation">
-            <MediaQuery query="(min-width: 768px)">
-              <Button color="btn btn-secondary operation-item" onClick={this.props.toggleAddGroupModal}>
-                <i className="fas fa-plus-square text-secondary mr-1"></i>{gettext('New Group')}
-              </Button>
-            </MediaQuery>
-            <MediaQuery query="(max-width: 767.8px)">
-              <Button color="btn btn-secondary operation-item my-1" onClick={this.props.toggleAddGroupModal}>
-                <i className="fas fa-plus-square text-secondary mr-1"></i>{gettext('New Group')}
-              </Button>
-            </MediaQuery>
-          </div>
+          {canAddGroup && (
+            <div className="operation">
+              <MediaQuery query="(min-width: 768px)">
+                <Button color="btn btn-secondary operation-item" onClick={this.props.toggleAddGroupModal}>
+                  <i className="fas fa-plus-square text-secondary mr-1"></i>{gettext('New Group')}
+                </Button>
+              </MediaQuery>
+              <MediaQuery query="(max-width: 767.8px)">
+                <Button color="btn btn-secondary operation-item my-1" onClick={this.props.toggleAddGroupModal}>
+                  <i className="fas fa-plus-square text-secondary mr-1"></i>{gettext('New Group')}
+                </Button>
+              </MediaQuery>
+            </div>
+          )}
         </div>
         <CommonToolbar searchPlaceholder={this.props.searchPlaceholder} onSearchedClick={onSearchedClick}/>
       </div>