fix(client): add instructions to challenge view components (freeCodeC…

…amp#56341)
useCallback · Oct 2, 2024 · 17bb3ae · 17bb3ae
1 parent cbcd565
commit 17bb3ae
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/client/src/templates/Challenges/dialogue/show.tsx b/client/src/templates/Challenges/dialogue/show.tsx
@@ -197,6 +197,7 @@ class ShowDialogue extends Component<ShowDialogueProps, ShowDialogueState> {
           challenge: {
             title,
             description,
+            instructions,
             superBlock,
             block,
             fields: { blockName },
@@ -255,6 +256,15 @@ class ShowDialogue extends Component<ShowDialogueProps, ShowDialogueState> {
 
               <Col md={8} mdOffset={2} sm={10} smOffset={1} xs={12}>
                 <Spacer size='medium' />
+                {instructions && (
+                  <>
+                    <PrismFormatted
+                      className={'line-numbers'}
+                      text={instructions}
+                    />
+                    <Spacer size='medium' />
+                  </>
+                )}
                 <ObserveKeys>
                   <Assignments
                     assignments={assignments}
@@ -302,6 +312,7 @@ export const query = graphql`
         videoId
         title
         description
+        instructions
         challengeType
         helpCategory
         superBlock

diff --git a/client/src/templates/Challenges/odin/show.tsx b/client/src/templates/Challenges/odin/show.tsx
@@ -230,6 +230,7 @@ class ShowOdin extends Component<ShowOdinProps, ShowOdinState> {
           challenge: {
             title,
             description,
+            instructions,
             superBlock,
             block,
             videoId,
@@ -310,6 +311,13 @@ class ShowOdin extends Component<ShowOdinProps, ShowOdinState> {
               )}
 
               <Col md={8} mdOffset={2} sm={10} smOffset={1} xs={12}>
+                {instructions && (
+                  <PrismFormatted
+                    className={'line-numbers'}
+                    text={instructions}
+                  />
+                )}
+
                 <ObserveKeys>
                   {assignments.length > 0 && (
                     <Assignments
@@ -389,6 +397,7 @@ export const query = graphql`
         }
         title
         description
+        instructions
         challengeType
         helpCategory
         superBlock