initial track changes

app/components/SimpleEditor/elements/track_change/TrackChangeControlTool.js

 import { Tool } from 'substance'
 
 class TrackChangeControlTool extends Tool {
+
+  getClassNames () {
+    return 'sm-target-track-change-enable'
+  }
+
   renderButton ($$) {
     const el = super.renderButton($$)
 

app/components/SimpleEditor/elements/track_change/TrackChangeControlViewTool.js

 import { Tool } from 'substance'
 
 class TrackChangeControlViewTool extends Tool {
+
+  getClassNames () {
+    return 'sm-target-track-change-toggle-view'
+  }
   renderButton ($$) {
     const el = super.renderButton($$)
     if (this.getViewMode()) el.addClass('track-changes-view-active')
@@ -15,8 +19,8 @@ class TrackChangeControlViewTool extends Tool {
 
   getViewMode () {
     const editor = this.context.editor
-
     const { trackChangesView } = editor.state
+
     return trackChangesView
   }
 }

app/components/SimpleEditor/elements/track_change/TrackChangesProvider.js

@@ -660,7 +660,6 @@ class TrackChangesProvider extends TOCProvider {
 
   getAllExistingTrackAnnotations () {
     const editorSession = this.getEditorSession()
-    // const selectionState = documentSession.getSelectionState()
     const selectionState = editorSession.getSelectionState()
     const annotations = selectionState.getAnnotationsForType('track-change')
     return annotations
@@ -762,7 +761,7 @@ class TrackChangesProvider extends TOCProvider {
     // const lastChange = last(undoneChanges)
     // const op = last(lastChange.ops)
     //
-    // const isTrack = op.path[0].split('-').slice(0, -1).join('-') === 'track-change'
+    // const isTrack = op.path[0].split('-').slice(0, -1).join('-') === 'track-change
   }
 
   /*