feat: add success toast message for role assignment and update user management logic

Author: bra-i-am

src/authz-module/libraries-manager/LibrariesUserManager.tsx

@@ -16,7 +16,7 @@ const LibrariesUserManager = () => {
   const intl = useIntl();
   const { username } = useParams();
   const {
-    libraryId, permissions, roles, resources,
+    libraryId, permissions, roles, resources, canManageTeam,
   } = useLibraryAuthZ();
   const { data: library } = useLibrary(libraryId);
   const rootBreadcrumb = intl.formatMessage(messages['library.authz.breadcrumb.root']) || '';
@@ -43,7 +43,7 @@ const LibrariesUserManager = () => {
         activeLabel={user?.username || ''}
         pageTitle={user?.username || ''}
         pageSubtitle={<p>{user?.email}</p>}
-        actions={user
+        actions={user && canManageTeam
           ? [<AddNewMemberRoleTrigger
               username={user.username}
               libraryId={libraryId}

src/authz-module/libraries-manager/components/AssignNewRoleTrigger.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useState } from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
-import { Button, useToggle } from '@openedx/paragon';
+import { Button, Toast, useToggle } from '@openedx/paragon';
 import { Plus } from '@openedx/paragon/icons';
 
 import { useLibraryAuthZ } from '@src/authz-module/libraries-manager/context';
@@ -21,6 +21,7 @@ const AssignNewRoleTrigger: FC<AssignNewRoleTriggerProps> = ({
 }) => {
   const intl = useIntl();
   const [isOpen, open, close] = useToggle(false);
+  const [toastMessage, setToastMessage] = useState<string | null>(null);
   const { roles } = useLibraryAuthZ();
 
   const [newRole, setNewRole] = useState<string>('');
@@ -36,6 +37,11 @@ const AssignNewRoleTrigger: FC<AssignNewRoleTriggerProps> = ({
 
     assignTeamMembersRole({ data }, {
       onSuccess: () => {
+        setToastMessage(
+          intl.formatMessage(
+            messages['libraries.authz.manage.assign.role.success'],
+          ),
+        );
         close();
         setNewRole('');
       },
@@ -63,6 +69,15 @@ const AssignNewRoleTrigger: FC<AssignNewRoleTriggerProps> = ({
           handleChangeSelectedRole={(e) => setNewRole(e.target.value)}
         />
       )}
+
+      {toastMessage && (
+        <Toast
+          onClose={() => setToastMessage(null)}
+          show={!!toastMessage}
+        >
+          {toastMessage}
+        </Toast>
+      )}
     </>
   );
 };

src/authz-module/libraries-manager/components/messages.ts

@@ -51,6 +51,11 @@ const messages = defineMessages({
     defaultMessage: 'Save',
     description: 'Libraries AuthZ save button title',
   },
+  'libraries.authz.manage.assign.role.success': {
+    id: 'libraries.authz.manage.assign.role.success',
+    defaultMessage: 'Role added successfully.',
+    description: 'Libraries AuthZ assign role success message',
+  },
 });
 
 export default messages;