fix: missing query param

Pearson-Advance · Jul 19, 2024 · ae40b9d · ae40b9d
1 parent 3720354
commit ae40b9d
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 4 deletions.
diff --git a/src/features/Classes/Class/ClassPage/Actions.jsx b/src/features/Classes/Class/ClassPage/Actions.jsx
@@ -11,6 +11,7 @@ import {
 import { MoreVert } from '@edx/paragon/icons';
 
 import { setAssignStaffRole } from 'helpers';
+import { useInstitutionIdQueryParam } from 'hooks';
 
 import AddClass from 'features/Courses/AddClass';
 import EnrollStudent from 'features/Classes/EnrollStudent';
@@ -33,9 +34,10 @@ const Actions = ({ previousPage }) => {
   const [isEnrollModalOpen, setIsEnrollModalOpen] = useState(false);
 
   const handleEnrollStudentModal = () => setIsEnrollModalOpen(!isEnrollModalOpen);
+  const addQueryParam = useInstitutionIdQueryParam();
 
   const handleManageButton = () => {
-    history.push(`/manage-instructors/${courseName}/${className}?classId=${queryClassId}&previous=${previousPage}`);
+    history.push(addQueryParam(`/manage-instructors/${courseName}/${className}?classId=${queryClassId}&previous=${previousPage}`));
   };
 
   return (

diff --git a/src/features/Dashboard/DashboardPage/index.jsx b/src/features/Dashboard/DashboardPage/index.jsx
@@ -13,6 +13,8 @@ import WeeklySchedule from 'features/Dashboard/WeeklySchedule';
 import { fetchLicensesData } from 'features/Dashboard/data';
 import { updateActiveTab } from 'features/Main/data/slice';
 
+import { useInstitutionIdQueryParam } from 'hooks';
+
 import 'features/Dashboard/DashboardPage/index.scss';
 
 const DashboardPage = () => {
@@ -24,8 +26,10 @@ const DashboardPage = () => {
   const [dataTableLicense, setDataTableLicense] = useState([]);
   const imageDashboard = getConfig().IMAGE_DASHBOARD_URL;
 
+  const addQueryParam = useInstitutionIdQueryParam();
+
   const handleViewAllLicenses = () => {
-    history.push('/licenses');
+    history.push(addQueryParam('/licenses'));
     dispatch(updateActiveTab('licenses'));
   };
 

diff --git a/src/features/Dashboard/InstructorAssignSection/ClassCard.jsx b/src/features/Dashboard/InstructorAssignSection/ClassCard.jsx
@@ -5,14 +5,16 @@ import PropTypes from 'prop-types';
 import { Button } from 'react-paragon-topaz';
 
 import { formatDateRange } from 'helpers';
+import { useInstitutionIdQueryParam } from 'hooks';
 
 import 'features/Dashboard/InstructorAssignSection/index.scss';
 
 const ClassCard = ({ data }) => {
   const history = useHistory();
+  const addQueryParam = useInstitutionIdQueryParam();
 
   const handleManageButton = () => {
-    history.push(`/manage-instructors/${encodeURIComponent(data?.masterCourseName)}/${encodeURIComponent(data?.className)}?classId=${data?.classId}&previous=dashboard`);
+    history.push(addQueryParam(`/manage-instructors/${encodeURIComponent(data?.masterCourseName)}/${encodeURIComponent(data?.className)}?classId=${data?.classId}&previous=dashboard`));
   };
 
   return (

diff --git a/src/features/Dashboard/InstructorAssignSection/index.jsx b/src/features/Dashboard/InstructorAssignSection/index.jsx
@@ -9,6 +9,8 @@ import { Button } from 'react-paragon-topaz';
 import { fetchClassesData } from 'features/Dashboard/data';
 import { updateActiveTab } from 'features/Main/data/slice';
 
+import { useInstitutionIdQueryParam } from 'hooks';
+
 import 'features/Dashboard/InstructorAssignSection/index.scss';
 
 const InstructorAssignSection = () => {
@@ -19,8 +21,10 @@ const InstructorAssignSection = () => {
   const [classCards, setClassCards] = useState([]);
   const numberOfClasses = 2;
 
+  const addQueryParam = useInstitutionIdQueryParam();
+
   const handleViewAllClasses = () => {
-    history.push('/classes?instructors=null');
+    history.push(addQueryParam('/classes?instructors=null'));
     dispatch(updateActiveTab('classes'));
   };