From c210c6b290f72e7ed3d39f7b701cc5352ca733b8 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Mon, 19 Jun 2023 11:20:16 +0300
Subject: [PATCH] return cases

---
 .../components/EditorComponent.js             | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js b/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js
index 6a9498a24..18ffbe72d 100644
--- a/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js
+++ b/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js
@@ -42,6 +42,10 @@ const EditorWrapper = styled.span`
   }
 `;
 
+const StudentAnswer = styled.span``;
+
+const CorrectAnswers = styled.span``;
+
 const EditorComponent = ({ node, view, getPos }) => {
   const editorRef = useRef();
 
@@ -159,15 +163,22 @@ const EditorComponent = ({ node, view, getPos }) => {
   };
 
   return (
-    isEditable ||
+    (isEditable && !testMode && !showFeedBack && (
+      <EditorWrapper>
+        <div ref={editorRef} />
+      </EditorWrapper>
+    )) ||
     (!isEditable && !testMode && !showFeedBack && (
       <EditorWrapper>
         <div ref={editorRef} />
       </EditorWrapper>
     )) ||
-    (showFeedBack && !testMode && <span>hello</span>) || (
-      <InputComponent getPos={getPos} node={node} view={view} />
-    )
+    (showFeedBack && !testMode && (
+      <>
+        <StudentAnswer>Answer: {node.attrs.answer}</StudentAnswer>
+        <CorrectAnswers>Possible Answers : </CorrectAnswers>
+      </>
+    )) || <InputComponent getPos={getPos} node={node} view={view} />
   );
 };
 
-- 
GitLab