Render context along with exercise preview

nathanstitt · nathanstitt · commit ec3a055c97b1 · 2021-06-28T12:18:23.000-05:00
diff --git a/exercises/src/components/exercise/preview.jsx b/exercises/src/components/exercise/preview.jsx
@@ -5,6 +5,7 @@ import { ExercisePreview } from 'shared';
 import { Link } from 'react-router-dom';
 import { observer } from 'mobx-react';
 import { CornerRibbon } from 'shared';
+import { ArbitraryHtmlAndMath as HTML } from 'shared';
 
 const Preview = styled.div`
   margin-top: 1.5rem;
@@ -43,6 +44,8 @@ class ExerciseEditingPreview extends React.Component {
                             <div key="n">{exercise.readOnlyReason}</div>,
                         ]}
                     >
+                        {exercise.context && <HTML html={exercise.context} />}
+
                         <ExercisePreview
                             questionType="teacher-preview"
                             className='exercise-editing-preview'
diff --git a/exercises/src/components/preview.jsx b/exercises/src/components/preview.jsx
@@ -9,6 +9,7 @@ import { idType } from 'shared';
 import { Loading, NotFound } from './exercise-state';
 import Controls from './preview/controls';
 import { ExercisePreview } from 'shared';
+import { ArbitraryHtmlAndMath as HTML } from 'shared';
 
 @observer
 export default
@@ -52,6 +53,7 @@ class Preview extends React.Component {
 
         return (
             <div className="preview-screen">
+                {exercise.context && <HTML html={exercise.context} />}
                 <ExercisePreview
                     displayAllTags
                     displayFeedback
diff --git a/shared/src/model/exercise.ts b/shared/src/model/exercise.ts
@@ -25,7 +25,7 @@ export default class SharedExercise extends BaseModel {
 
     @field published_at?: Time | Date
     @field stem_html = ''
-
+    @field context = '';
     @model(Attachment) attachments = array<Attachment>()
     @model(Author) authors = array<Author>()
     @model(Author) copyright_holders = array<Author>()
