Merge pull request #136 from Pearson-Advance/vue/PADV-1875-2

feat: add gradebook button in class page

src/features/Classes/ClassesTable/_test_/columns.test.jsx

@@ -99,6 +99,7 @@ describe('columns', () => {
     expect(getByText('View class content')).toBeInTheDocument();
     expect(getByText('Manage Instructors')).toBeInTheDocument();
     expect(getByText('Edit Class')).toBeInTheDocument();
+    expect(getByText('Gradebook')).toBeInTheDocument();
     expect(getByText('Delete Class')).toBeInTheDocument();
   });
 });

src/features/Classes/ClassesTable/columns.jsx

@@ -119,6 +119,7 @@ const columns = [
       const deletionState = useSelector((state) => state.courses.newClass.status);
       const [isOpenModal, openModal, closeModal] = useToggle(false);
       const [deletionClassState, setDeletionState] = useState(initialDeletionClassState);
+      const gradebookUrl = getConfig().GRADEBOOK_MICROFRONTEND_URL || getConfig().LMS_BASE_URL;
 
       const handleResetDeletion = () => {
         setDeletionState(initialDeletionClassState);
@@ -129,6 +130,10 @@ const columns = [
         setDeletionState({ isModalOpen: true, isRequestComplete: false });
       };
 
+      const handleGradebookButton = () => {
+        window.open(`${gradebookUrl}/gradebook/${classId}`, '_blank', 'noopener,noreferrer');
+      };
+
       const handleDeleteClass = async (rowClassId) => {
         try {
           await dispatch(deleteClass(rowClassId));
@@ -187,6 +192,10 @@ const columns = [
               <i className="fa-solid fa-pencil mr-2 mb-1" />
               Edit Class
             </Dropdown.Item>
+            <Dropdown.Item onClick={handleGradebookButton}>
+              <i className="fa-regular fa-book mr-2 mb-1" />
+              Gradebook
+            </Dropdown.Item>
             <Dropdown.Item onClick={handleOpenDeleteModal} className="text-danger">
               <i className="fa-regular fa-trash mr-2 mb-1" />
               Delete Class