🐛 fix(submission): show blocked view when instructor toggles student view (#5488)

Author: enkr1

app/views/course/assessment/submission/submissions/edit.json.jbuilder

@@ -19,6 +19,7 @@ json.assessment do
   # If submitting with incorrect answers is not allowed, we must show the answer to students regardless
   json.showMcqAnswer !@assessment.allow_partial_submission || @assessment.show_mcq_answer
   json.showEvaluation @assessment.show_evaluation
+  json.blockStudentViewingAfterSubmitted @assessment.block_student_viewing_after_submitted
   json.questionIds @submission.questions.pluck(:id)
   json.passwordProtected @assessment.session_password_protected?
   json.gamified @assessment.course.gamified?

client/app/bundles/course/assessment/submission/pages/SubmissionEditIndex/index.jsx

@@ -158,16 +158,30 @@ class VisibleSubmissionEditIndex extends Component {
   }
 
   render() {
-    const { isSubmissionBlocked, isLoading } = this.props;
+    const { assessment, isSubmissionBlocked, isLoading, submission } =
+      this.props;
 
     if (isLoading) return <LoadingIndicator />;
     if (isSubmissionBlocked) return <BlockedSubmission />;
+
+    const isBlockedInStudentView =
+      !submission.graderView &&
+      assessment.blockStudentViewingAfterSubmitted &&
+      submission.workflowState !== workflowStates.Attempting &&
+      submission.workflowState !== workflowStates.Published;
+
     return (
       <Page className="space-y-5">
         {this.renderTimeLimitBanner()}
         {this.renderAssessment()}
-        {this.renderProgress()}
-        {this.renderContent()}
+        {isBlockedInStudentView ? (
+          <BlockedSubmission />
+        ) : (
+          <>
+            {this.renderProgress()}
+            {this.renderContent()}
+          </>
+        )}
       </Page>
     );
   }