From 84b8024d475c9e396b1c45bf34f222af682812a5 Mon Sep 17 00:00:00 2001 From: chris <kokosias@yahoo.gr> Date: Tue, 18 Apr 2023 13:05:39 +0300 Subject: [PATCH] hide based on states --- .../src/EssayService/components/EssayAnswerComponent.js | 8 ++++---- .../src/EssayService/components/EssayPromptComponent.js | 2 +- .../src/EssayService/components/EssayQuestionComponent.js | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/wax-prosemirror-services/src/EssayService/components/EssayAnswerComponent.js b/wax-prosemirror-services/src/EssayService/components/EssayAnswerComponent.js index 8940b0e52..3eb02cf08 100644 --- a/wax-prosemirror-services/src/EssayService/components/EssayAnswerComponent.js +++ b/wax-prosemirror-services/src/EssayService/components/EssayAnswerComponent.js @@ -19,8 +19,8 @@ const EditorWrapper = styled.div` display: flex; flex: 2 1 auto; justify-content: left; - opacity: ${props => (props.editable ? 1 : 0.4)}; - cursor: ${props => (props.editable ? 'default' : 'not-allowed')}; + display: ${props => + props.testMode || props.showFeedBack ? 'block' : 'none'}; .ProseMirror { white-space: break-spaces; @@ -57,7 +57,7 @@ const EssayAnswerComponent = ({ node, view, getPos }) => { const customProps = main.props.customValues; - const { testMode } = customProps; + const { testMode, showFeedBack } = customProps; let finalPlugins = []; @@ -191,7 +191,7 @@ const EssayAnswerComponent = ({ node, view, getPos }) => { }; return ( - <EditorWrapper editable={testMode}> + <EditorWrapper testMode={testMode} showFeedBack={showFeedBack}> <div ref={editorRef} /> </EditorWrapper> ); diff --git a/wax-prosemirror-services/src/EssayService/components/EssayPromptComponent.js b/wax-prosemirror-services/src/EssayService/components/EssayPromptComponent.js index d2723be26..b90196a9f 100644 --- a/wax-prosemirror-services/src/EssayService/components/EssayPromptComponent.js +++ b/wax-prosemirror-services/src/EssayService/components/EssayPromptComponent.js @@ -114,7 +114,7 @@ const EssayPromptComponent = ({ node, view, getPos }) => { }; finalPlugins = finalPlugins.concat([ - createPlaceholder('Type your essay sample answer'), + createPlaceholder('Provide response summary and rubric'), ...plugins, ]); diff --git a/wax-prosemirror-services/src/EssayService/components/EssayQuestionComponent.js b/wax-prosemirror-services/src/EssayService/components/EssayQuestionComponent.js index ce4b2c268..0be291609 100644 --- a/wax-prosemirror-services/src/EssayService/components/EssayQuestionComponent.js +++ b/wax-prosemirror-services/src/EssayService/components/EssayQuestionComponent.js @@ -109,7 +109,7 @@ const EssayQuestionComponent = ({ node, view, getPos }) => { }; finalPlugins = finalPlugins.concat([ - createPlaceholder('Type your essay'), + createPlaceholder('Type your essay question'), ...plugins, ]); -- GitLab