From 81f3347ecfe62424eed4e178514e1399825cf6d5 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 18 Dec 2021 11:21:07 -0800
Subject: [PATCH] fix: Don't show create a group option to those without
 permission closes #2621

---
 .../AddGroupsToCollection.tsx                 | 37 +++++++++++--------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/app/scenes/CollectionPermissions/AddGroupsToCollection.tsx b/app/scenes/CollectionPermissions/AddGroupsToCollection.tsx
index 6924c3463..2e0d4f0d7 100644
--- a/app/scenes/CollectionPermissions/AddGroupsToCollection.tsx
+++ b/app/scenes/CollectionPermissions/AddGroupsToCollection.tsx
@@ -78,18 +78,23 @@ class AddGroupsToCollection extends React.Component<Props> {
   };
 
   render() {
-    const { groups, collection, auth, t } = this.props;
+    const { groups, policies, collection, auth, t } = this.props;
     const { user, team } = auth;
     if (!user || !team) return null;
+
+    const can = policies.abilities(team.id);
+
     return (
       <Flex column>
-        <HelpText>
-          {t("Can’t find the group you’re looking for?")}{" "}
-          <ButtonLink onClick={this.handleNewGroupModalOpen}>
-            {t("Create a group")}
-          </ButtonLink>
-          .
-        </HelpText>
+        {can.createGroup && (
+          <HelpText>
+            {t("Can’t find the group you’re looking for?")}{" "}
+            <ButtonLink onClick={this.handleNewGroupModalOpen}>
+              {t("Create a group")}
+            </ButtonLink>
+            .
+          </HelpText>
+        )}
 
         <Input
           type="search"
@@ -125,13 +130,15 @@ class AddGroupsToCollection extends React.Component<Props> {
             />
           )}
         />
-        <Modal
-          title={t("Create a group")}
-          onRequestClose={this.handleNewGroupModalClose}
-          isOpen={this.newGroupModalOpen}
-        >
-          <GroupNew onSubmit={this.handleNewGroupModalClose} />
-        </Modal>
+        {can.createGroup && (
+          <Modal
+            title={t("Create a group")}
+            onRequestClose={this.handleNewGroupModalClose}
+            isOpen={this.newGroupModalOpen}
+          >
+            <GroupNew onSubmit={this.handleNewGroupModalClose} />
+          </Modal>
+        )}
       </Flex>
     );
   }