Merge branch 'vscode/next' of https://github.com/source-academy/frontend into vscode/next

Author: shirsho-12

src/commons/application/Application.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useDispatch } from 'react-redux';
-import { Outlet, useNavigate } from 'react-router-dom';
+import { Outlet } from 'react-router-dom';
 import Messages, {
   MessageType,
   MessageTypeNames,
@@ -18,7 +18,6 @@ import VscodeActions from './actions/VscodeActions';
 const Application: React.FC = () => {
   const dispatch = useDispatch();
   const { isLoggedIn } = useSession();
-  const navigate = useNavigate();
 
   // Used in the mobile/PWA experience (e.g. separate handling of orientation changes on Andriod & iOS due to unique browser behaviours)
   const isMobile = /iPhone|iPad|Android/.test(navigator.userAgent);
@@ -125,15 +124,12 @@ const Application: React.FC = () => {
           dispatch(WorkspaceActions.evalEditor(message.workspaceLocation));
           break;
         case MessageTypeNames.Navigate:
-          navigate(message.route);
+          window.location.replace(message.route);
+          // TODO: Figure out why this doesn't work, this is faster in theory
+          // navigate(message.route);
           break;
         case MessageTypeNames.McqQuestion:
-          dispatch(
-            WorkspaceActions.showMcqPane(
-              message.workspaceLocation,
-              message.options
-            )
-          );
+          dispatch(WorkspaceActions.showMcqPane(message.workspaceLocation, message.options));
           break;
         case MessageTypeNames.McqAnswer:
           console.log(`FRONTEND: MCQAnswerMessage: ${message}`);

src/commons/assessment/Assessment.tsx

@@ -63,9 +63,7 @@ const Assessment: React.FC = () => {
   const dispatch = useDispatch();
 
   useEffect(() => {
-    console.log('Iam in Assessment');
-    console.log(assessmentOverviewsUnfiltered);
-    if (assessmentOverviewsUnfiltered) {
+    if (assessmentOverviewsUnfiltered && courseId) {
       sendToWebview(
         Messages.NotifyAssessmentsOverview(
           assessmentOverviewsUnfiltered.map(oa => ({
@@ -74,7 +72,8 @@ const Assessment: React.FC = () => {
             id: oa.id,
             isPublished: oa.isPublished,
             title: oa.title
-          }))
+          })),
+          courseId
         )
       );
     }

src/features/vscode/messages.ts

@@ -49,8 +49,9 @@ const Messages = createMessages({
   EvalEditor: (workspaceLocation: VscWorkspaceLocation) => ({
     workspaceLocation: workspaceLocation
   }),
-  NotifyAssessmentsOverview: (assessmentOverviews: VscAssessmentOverview[]) => ({
-    assessmentOverviews
+  NotifyAssessmentsOverview: (assessmentOverviews: VscAssessmentOverview[], courseId: number) => ({
+    assessmentOverviews,
+    courseId
   }),
   Navigate: (route: string) => ({
     route