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