feat: roles and permissions button redirect added

Author: jesusbalderramawgu

src/header/hooks.tsx

@@ -90,6 +90,10 @@ export const useSettingMenuItems = (courseId: string) => {
       href: `/course/${courseId}/settings/grading`,
       title: intl.formatMessage(messages['header.links.grading']),
     },
+    {
+      href: `${getConfig().ADMIN_CONSOLE_URL}/authz?scope=${courseId}`,
+      title: intl.formatMessage(messages['header.links.roles.permissions']),
+    },
     {
       href: `/course/${courseId}/course_team`,
       title: intl.formatMessage(messages['header.links.courseTeam']),

src/header/messages.ts

@@ -61,6 +61,11 @@ const messages = defineMessages({
     defaultMessage: 'Grading',
     description: 'Link to Studio Grading page',
   },
+  'header.links.roles.permissions': {
+    id: 'header.links.roles.permissions',
+    defaultMessage: 'Roles and Permissions',
+    description: 'Link to Studio Roles and Permissions page',
+  },
   'header.links.courseTeam': {
     id: 'header.links.courseTeam',
     defaultMessage: 'Course Team',

src/studio-home/StudioHome.tsx

@@ -7,8 +7,9 @@ import {
   MailtoLink,
   Row,
 } from '@openedx/paragon';
-import { Add as AddIcon, Error } from '@openedx/paragon/icons';
+import { Add as AddIcon, Error, ManageAccounts } from '@openedx/paragon/icons';
 import { useIntl } from '@edx/frontend-platform/i18n';
+import { getConfig } from '@edx/frontend-platform';
 import { StudioFooterSlot } from '@edx/frontend-component-footer';
 import { useLocation, useNavigate } from 'react-router-dom';
 
@@ -47,6 +48,8 @@ const StudioHome = () => {
     librariesV2Enabled,
   } = useStudioHome();
 
+  const adminConsoleUrl = `${getConfig().ADMIN_CONSOLE_URL}/authz`;
+
   const v1LibraryTab = librariesV1Enabled && location?.pathname.split('/').pop() === 'libraries-v1';
   const showV2LibraryURL = librariesV2Enabled && !v1LibraryTab;
 
@@ -71,6 +74,20 @@ const StudioHome = () => {
       );
     }
 
+    headerButtons.push(
+      <div className="border-right mr-3 pr-4 py-2">
+        <Button
+          as="a"
+          href={adminConsoleUrl}
+          variant="primary"
+          iconBefore={ManageAccounts}
+          size="sm"
+        >
+          {intl.formatMessage(messages.addRolesPermissionsBtnText)}
+        </Button>
+      </div>,
+    );
+
     if (hasAbilityToCreateNewCourse) {
       headerButtons.push(
         <Button

src/studio-home/messages.ts

@@ -13,6 +13,10 @@ const messages = defineMessages({
     id: 'course-authoring.studio-home.add-new-library.btn.text',
     defaultMessage: 'New library',
   },
+  addRolesPermissionsBtnText: {
+    id: 'course-authoring.studio-home.add-roles-permissions.btn.text',
+    defaultMessage: 'Roles and permissions',
+  },
   homePageLoadFailedMessage: {
     id: 'course-authoring.studio-home.page-load.failed.message',
     defaultMessage: 'Failed to load Studio home. Please try again later.',