Update snapshots and make ExerciseCard explanation support markdown

garageScript · Oct 3, 2022 · d84f52e · d84f52e
1 parent 3d7616c
commit d84f52e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/__tests__/__snapshots__/storyshots.test.js.snap b/__tests__/__snapshots__/storyshots.test.js.snap
@@ -5529,7 +5529,7 @@ exports[`Storyshots Components/ExerciseCard Basic 1`] = `
         Problem
       </div>
       <p
-        className="bg-light py-3 px-4"
+        className="d-block bg-light py-3 px-4"
       >
         let a = 5
 a = a + 10
@@ -5693,7 +5693,7 @@ exports[`Storyshots Components/ExercisePreviewCard Answered 1`] = `
     Problem
   </div>
   <p
-    className="bg-light py-2 px-3"
+    className="d-block bg-light py-2 px-3"
   >
     const a = 5
 a = a + 10
@@ -5729,7 +5729,7 @@ exports[`Storyshots Components/ExercisePreviewCard Not Answered 1`] = `
     Problem
   </div>
   <p
-    className="bg-light py-2 px-3"
+    className="d-block bg-light py-2 px-3"
   >
     const a = 5
 a = a + 10

diff --git a/components/ExerciseCard/ExerciseCard.tsx b/components/ExerciseCard/ExerciseCard.tsx
@@ -94,9 +94,11 @@ const ExerciseCard = ({
             >
               {answer}
             </Markdown>
-            <div className={`ms-md-3 ${styles.exerciseCard__section}`}>
+            <Markdown
+              className={`d-block ms-md-3 ${styles.exerciseCard__section}`}
+            >
               {explanation}
-            </div>
+            </Markdown>
           </div>
         </>
       )}