diff --git a/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js b/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js index 18ffbe72dcedd8fc99561107d72b0bf3706d7a4c..9ed73a3641785dae74a2216ac558f4ddd12dd4aa 100644 --- a/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js +++ b/wax-prosemirror-services/src/FillTheGapQuestionService/components/EditorComponent.js @@ -42,9 +42,15 @@ const EditorWrapper = styled.span` } `; -const StudentAnswer = styled.span``; +const StudentAnswer = styled.span` + border-bottom: 1px solid black; + margin-right: 5px; +`; -const CorrectAnswers = styled.span``; +const CorrectAnswers = styled.span` + border-bottom: 1px solid green; + margin-right: 5px; +`; const EditorComponent = ({ node, view, getPos }) => { const editorRef = useRef(); @@ -175,8 +181,8 @@ const EditorComponent = ({ node, view, getPos }) => { )) || (showFeedBack && !testMode && ( <> - <StudentAnswer>Answer: {node.attrs.answer}</StudentAnswer> - <CorrectAnswers>Possible Answers : </CorrectAnswers> + <StudentAnswer>{node.attrs.answer}</StudentAnswer> + <CorrectAnswers>{`(Aceepted Answers : ${node.textContent.replaceAll(';', ' -')})`}</CorrectAnswers> </> )) || <InputComponent getPos={getPos} node={node} view={view} /> ); diff --git a/wax-prosemirror-services/src/FillTheGapQuestionService/components/InputComponent.js b/wax-prosemirror-services/src/FillTheGapQuestionService/components/InputComponent.js index b7a5db2fac7b4b331ec40b360bc24bc0a8955229..cbb19b23ec207c3a2ba3e552a796db9dc00cf8b6 100644 --- a/wax-prosemirror-services/src/FillTheGapQuestionService/components/InputComponent.js +++ b/wax-prosemirror-services/src/FillTheGapQuestionService/components/InputComponent.js @@ -21,7 +21,7 @@ export default ({ node }) => { pmViews: { main }, } = context; - const [answer, setAnswer] = useState(' '); + const [answer, setAnswer] = useState(''); const answerRef = useRef(null); useEffect(() => {}, []); diff --git a/wax-prosemirror-services/src/WaxToolGroups/QuestionsDropDownToolGroupService/DropDownComponent.js b/wax-prosemirror-services/src/WaxToolGroups/QuestionsDropDownToolGroupService/DropDownComponent.js index 4f5e5c0ef544d95515c3e8b879a2fd6e6d5d249b..a7e7fd946fbbcc04e8a288287d9d0d72b482a128 100644 --- a/wax-prosemirror-services/src/WaxToolGroups/QuestionsDropDownToolGroupService/DropDownComponent.js +++ b/wax-prosemirror-services/src/WaxToolGroups/QuestionsDropDownToolGroupService/DropDownComponent.js @@ -103,7 +103,7 @@ const DropDownComponent = ({ view, tools }) => { item: tools[6], }, { - label: 'Fill The Gap', + label: 'Fill in the blank', value: '7', item: tools[7], },