Fixes made to navigation

Author: zayan-sheikh

frontend/src/pages/instructor/InstructorConcepts.jsx

@@ -116,13 +116,13 @@ const InstructorConcepts = ({ courseName, course_id }) => {
   });
 
   const handleEditClick = (conceptData) => {
-    navigate(`/course/${courseName}/edit-concept/${conceptData.concept_id}`, {
+    navigate(`/course/${courseName}/${course_id}/edit-concept/${conceptData.concept_id}`, {
       state: { conceptData, course_id: course_id },
     });
   };
 
   const handleCreateConceptClick = () => {
-    navigate(`/course/${courseName}/new-concept`, {
+    navigate(`/course/${courseName}/${course_id}/new-concept`, {
       state: { data, course_id },
     });
   };

frontend/src/pages/instructor/InstructorHomepage.jsx

@@ -222,6 +222,7 @@ const CourseDetails = () => {
     }
   };
 
+
   return (
     <PageContainer>
       <AppBar
@@ -231,7 +232,7 @@ const CourseDetails = () => {
       >
         <InstructorHeader />
       </AppBar>
-      <InstructorSidebar setSelectedComponent={setSelectedComponent} course_id={course_id} selectedComponent={selectedComponent} />
+      <InstructorSidebar setSelectedComponent={setSelectedComponent} course_id={course_id} selectedComponent={course_id} />
       {renderComponent()}
     </PageContainer>
   );
@@ -480,8 +481,7 @@ const InstructorHomepage = () => {
           </PageContainer>
         }
       />
-      <Route exact path=":courseName/:course_id/*" element={<CourseDetails openWebSocket={openWebSocket} />} />
-      // After
+      
         <Route exact path=":courseName/:course_id/*" element={<CourseDetails openWebSocket={openWebSocket} />} />
         <Route path=":courseName/:course_id/edit-module/:moduleId" element={<InstructorEditCourse />} />
         <Route path=":courseName/:course_id/edit-concept/:conceptId" element={<InstructorEditConcept />} />

frontend/src/pages/instructor/InstructorModules.jsx

@@ -122,13 +122,13 @@ const InstructorModules = ({ courseName, course_id }) => {
   }, [course_id]);
 
   const handleEditClick = (moduleData) => {
-    navigate(`/course/${courseName}/edit-module/${moduleData.module_id}`, {
+    navigate(`/course/${courseName}/${course_id}/edit-module/${moduleData.module_id}`, {
       state: { moduleData, course_id: course_id },
     });
   };
 
   const handleCreateModuleClick = () => {
-    navigate(`/course/${courseName}/new-module`, {
+    navigate(`/course/${courseName}/${course_id}/new-module`, {
       state: { data, course_id },
     });
   };

frontend/src/pages/instructor/ViewStudents.jsx

@@ -70,6 +70,7 @@ export const ViewStudents = ({ courseName, course_id }) => {
       try {
         const session = await fetchAuthSession();
         var token = session.tokens.idToken;
+        console.log(course_id)
         const response = await fetch(
           `${
             import.meta.env.VITE_API_ENDPOINT
@@ -102,7 +103,9 @@ export const ViewStudents = ({ courseName, course_id }) => {
   useEffect(() => {
     const fetchStudents = async () => {
       try {
+        console.log("checkpoint1")
         const session = await fetchAuthSession();
+        console.log("checkpoint2")
         var token = session.tokens.idToken;
         const response = await fetch(
           `${
@@ -140,8 +143,11 @@ export const ViewStudents = ({ courseName, course_id }) => {
 
   const handleGenerateAccessCode = async () => {
     try {
+      
       const session = await fetchAuthSession();
+      
       var token = session.tokens.idToken;
+      
       const response = await fetch(
         `${
           import.meta.env.VITE_API_ENDPOINT
@@ -183,7 +189,7 @@ export const ViewStudents = ({ courseName, course_id }) => {
     row.name.toLowerCase().includes(searchQuery.toLowerCase())
   );
   const handleRowClick = (student) => {
-    navigate(`/course/${course_id}/student/${student.name}`, {
+    navigate(`/course/${courseName}/${course_id}/student/${student.name}`, {
       state: { course_id, student },
     });
   };