set Checked

editors/demo/src/HHMI/MultipleChoiceQuestionService/components/FeedbackComponent.js

@@ -21,10 +21,7 @@ const FeedBackInput = styled.input`
 
 export default ({ node, view, getPos }) => {
   const context = useContext(WaxContext);
-  const {
-    view: { main },
-    activeViewId,
-  } = context;
+  const { activeViewId } = context;
   const [feedBack, setFeedBack] = useState(node.attrs.feedback);
   const feedBackRef = useRef(null);
 

editors/demo/src/HHMI/MultipleChoiceQuestionService/components/QuestionComponent.js

@@ -132,7 +132,7 @@ export default ({ node, view, getPos }) => {
           <QuestionData>
             <EditorComponent node={node} view={view} getPos={getPos} />
 
-            <SwitchComponent node={node} />
+            <SwitchComponent node={node} getPos={getPos} />
           </QuestionData>
           <FeedbackComponent node={node} view={view} getPos={getPos} />
         </QuestionWrapper>

editors/demo/src/HHMI/MultipleChoiceQuestionService/components/SwitchComponent.js

-import React, { useState } from 'react';
+import React, { useState, useContext } from 'react';
+import { WaxContext } from 'wax-prosemirror-core';
 import styled from 'styled-components';
 import Switch from './Switch';
 
@@ -19,10 +20,19 @@ const StyledSwitch = styled(Switch)`
   }
 `;
 
-const CustomSwitch = ({ node }) => {
+const CustomSwitch = ({ node, getPos }) => {
+  const context = useContext(WaxContext);
+  const { activeViewId } = context;
   const [checked, setChecked] = useState(false);
+
   const handleChange = () => {
     setChecked(!checked);
+    context.view.main.dispatch(
+      context.view.main.state.tr.setNodeMarkup(getPos(), undefined, {
+        ...node.attrs,
+        correct: !checked,
+      }),
+    );
   };
 
   return (

wax-prosemirror-services/src/PortalService/AbstractNodeView.js

@@ -23,7 +23,7 @@ export default class AbstractNodeView {
   }
 
   update(node) {
-    if (!node.sameMarkup(this.node)) return false;
+    // if (!node.sameMarkup(this.node)) return false;
     this.node = node;
     if (this.context.view[node.attrs.id]) {
       const { state } = this.context.view[node.attrs.id];