disable if from eq to

wax-prosemirror-components/src/components/Button.js

-import React, { useContext } from "react";
-import styled from "styled-components";
-import { ButtonStyles } from "wax-prosemirror-themes";
-import { WaxContext } from "wax-prosemirror-core";
+import React, { useContext } from 'react';
+import styled from 'styled-components';
+import { ButtonStyles } from 'wax-prosemirror-themes';
+import { WaxContext } from 'wax-prosemirror-core';
 
 const ButtonStyled = styled.button`
   ${ButtonStyles};
   opacity: ${props => (props.select ? 1 : 0.4)};
-  pointer-events: ${props => (props.select ? "default" : "none")};
-  color: ${props => (props.isActive ? "white" : props.theme.colorButton)};
+  pointer-events: ${props => (props.select ? 'default' : 'none')};
+  color: ${props => (props.isActive ? 'white' : props.theme.colorButton)};
   background-color: ${props =>
-    props.isActive ? props.theme.colorPrimary : "transparent"};
+    props.isActive ? props.theme.colorPrimary : 'transparent'};
   &:hover {
     background-color: ${props =>
-      props.isActive ? props.theme.colorPrimary : "transparent"};
+      props.isActive ? props.theme.colorPrimary : 'transparent'};
   }
 `;
 
 const Button = ({ view = {}, item }) => {
   if (item.onlyOnMain) {
-    const { view: { main } } = useContext(WaxContext);
+    const {
+      view: { main },
+    } = useContext(WaxContext);
     view = main;
   }
 

wax-prosemirror-services/src/NoteService/Editor.js

@@ -15,8 +15,9 @@ export default ({ node, view }) => {
   const editorRef = useRef();
   const context = useContext(WaxContext);
   const noteId = node.attrs.id;
+  let noteView;
   useEffect(() => {
-    const noteView = new EditorView(
+    noteView = new EditorView(
       { mount: editorRef.current },
       {
         state: EditorState.create({
@@ -24,38 +25,7 @@ export default ({ node, view }) => {
           plugins: [keymap(createKeyBindings()), ...context.app.getPlugins()],
         }),
         // This is the magic part
-        dispatchTransaction: tr => {
-          let { state, transactions } = noteView.state.applyTransaction(tr);
-          noteView.updateState(state);
-
-          const allNotes = DocumentHelpers.findChildrenByType(
-            view.state.doc,
-            view.state.schema.nodes.footnote,
-            true,
-          );
-
-          const noteFound = filter(allNotes, {
-            node: { attrs: { id: noteId } },
-          });
-
-          // TODO Remove timeout and use state to check if noteView has changed
-          setTimeout(() => {
-            context.updateView({}, noteId);
-          }, 20);
-
-          if (!tr.getMeta('fromOutside')) {
-            let outerTr = view.state.tr,
-              offsetMap = StepMap.offset(noteFound[0].pos + 1);
-            for (let i = 0; i < transactions.length; i++) {
-              let steps = transactions[i].steps;
-              for (let j = 0; j < steps.length; j++)
-                outerTr.step(steps[j].map(offsetMap));
-            }
-
-            if (outerTr.docChanged)
-              view.dispatch(outerTr.setMeta('outsideView', 'notes'));
-          }
-        },
+        dispatchTransaction,
         handleDOMEvents: {
           mousedown: () => {
             context.updateView({}, noteId);
@@ -84,6 +54,39 @@ export default ({ node, view }) => {
     }
   }, []);
 
+  const dispatchTransaction = tr => {
+    const { state, transactions } = noteView.state.applyTransaction(tr);
+    noteView.updateState(state);
+
+    const allNotes = DocumentHelpers.findChildrenByType(
+      view.state.doc,
+      view.state.schema.nodes.footnote,
+      true,
+    );
+
+    const noteFound = filter(allNotes, {
+      node: { attrs: { id: noteId } },
+    });
+
+    // TODO Remove timeout and use state to check if noteView has changed
+    setTimeout(() => {
+      context.updateView({}, noteId);
+    }, 20);
+
+    if (!tr.getMeta('fromOutside')) {
+      let outerTr = view.state.tr,
+        offsetMap = StepMap.offset(noteFound[0].pos + 1);
+      for (let i = 0; i < transactions.length; i++) {
+        let steps = transactions[i].steps;
+        for (let j = 0; j < steps.length; j++)
+          outerTr.step(steps[j].map(offsetMap));
+      }
+
+      if (outerTr.docChanged)
+        view.dispatch(outerTr.setMeta('outsideView', 'notes'));
+    }
+  };
+
   const createKeyBindings = () => {
     const keys = getKeys();
     Object.keys(baseKeymap).forEach(key => {

wax-prosemirror-services/src/TrackChangeService/AcceptTrackChangeService/AcceptTrackChange.js

@@ -67,6 +67,14 @@ class AcceptTrackChange extends Tools {
     };
   }
 
+  select = state => {
+    const {
+      selection: { from, to },
+    } = state;
+    if (from === to) return false;
+    return true;
+  };
+
   get active() {
     return state => {};
   }

wax-prosemirror-services/src/TrackChangeService/RejectTrackChangeService/RejectTrackChange.js

@@ -88,6 +88,14 @@ class RejectTrackChange extends Tools {
     };
   }
 
+  select = state => {
+    const {
+      selection: { from, to },
+    } = state;
+    if (from === to) return false;
+    return true;
+  };
+
   get active() {
     return state => {};
   }