2
0
Эх сурвалжийг харах

edit and delete icon buttons for invite on settings screen

jusrhee 4 жил өмнө
parent
commit
75b9cc7db7

+ 1 - 1
dashboard/src/main/home/modals/EditInviteOrCollaboratorModal.tsx

@@ -87,7 +87,7 @@ const EditCollaboratorModal = () => {
       </CloseButton>
 
       <ModalTitle>
-        Update {isInvite ? "Invite" : "Collaborator"} {user?.email}
+        Update {isInvite ? "Invite for" : "Collaborator"} {user?.email}
       </ModalTitle>
       <Subtitle>Specify a different role for this user.</Subtitle>
       <RoleSelectorWrapper>

+ 11 - 5
dashboard/src/main/home/project-settings/InviteList.tsx

@@ -291,14 +291,20 @@ const InvitePage: React.FunctionComponent<Props> = ({}) => {
             );
           }
           return (
-            <>
-              <CopyButton
+            <Flex>
+              <SettingsButton
+                invis={row.original.currentUser}
+                onClick={() => openEditModal(row.original)}
+              >
+                <i className="material-icons">more_vert</i>
+              </SettingsButton>
+              <DeleteButton
                 invis={row.original.currentUser}
                 onClick={() => deleteInvite(row.original.id)}
               >
-                Delete Invite
-              </CopyButton>
-            </>
+                <i className="material-icons">delete</i>
+              </DeleteButton>
+            </Flex>
           );
         },
       },