notes provider has selected note

app/components/SimpleEditor/elements/note/NoteComponent.js

 /* eslint react/prop-types: 0 */
+import { each, includes, keys } from 'lodash'
 
-import { Component } from 'substance'
+import { Component, documentHelpers } from 'substance'
 
 class NoteComponent extends Component {
+
+  didMount () {
+    this.context.editorSession.onUpdate('', this.createShowNote, this)
+  }
+
   render ($$) {
     const el = $$('note')
       .attr('note-content', this.props.node['note-content'])
@@ -12,8 +18,53 @@ class NoteComponent extends Component {
   }
 
   createShowNote () {
+    const selected = this.getSelection()
+    if (!selected.node) return
     const provider = this.getProvider()
-    provider.createShowNote()
+    this.disableTools(selected)
+    provider.createShowNote(selected)
+  }
+
+  disableTools () {
+    const commandStates = this.getCommandStates()
+    each(keys(commandStates), (key) => {
+      const allowed = ['comment', 'redo', 'save', 'switch-text-type', 'undo', 'note']
+      if (!includes(allowed, key)) commandStates[key].disabled = true
+    })
+    this.rerender()
+  }
+
+  getSelection () {
+    // TODO -- write cleaner
+    const surface = this.getSurface()
+    if (!surface) return {}
+
+    const session = this.context.editorSession
+    const sel = session.getSelection()
+
+    const note = documentHelpers.getPropertyAnnotationsForSelection(
+      session.getDocument(),
+      sel,
+      { type: 'note' }
+    )
+
+    if (typeof note[0] !== 'undefined') {
+      return {
+        node: note
+      }
+    } else {
+      return {
+        node: null
+      }
+    }
+  }
+
+  getSurface () {
+    return this.context.surfaceManager.getFocusedSurface()
+  }
+
+  getCommandStates () {
+    return this.context.commandManager.commandStates
   }
 
   getProvider () {

app/components/SimpleEditor/panes/Notes/NotesProvider.js

@@ -76,8 +76,8 @@ class NotesProvider extends TOCProvider {
     // return _.sortBy(notes, ['blockPosition', 'nodePosition'])
   }
 
-  createShowNote () {
-    console.log('in provider')
+  createShowNote (note) {
+    console.log('in provider', note)
   }
 }