note tool not needed on click of not callout send to provider

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

@@ -13,7 +13,7 @@ class EditNoteTool extends Tool {
     let el = $$('div').addClass('sc-edit-note-tool')
 
     if (!selected.node) return el
-
+    
     provider.config.miniEditorContext.editor.emit('noteSelected', 'paragraph-71bf75436a5f9b56700064c6ee2116ab')
     return el
   }

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

@@ -6,12 +6,20 @@ class NoteComponent extends Component {
   render ($$) {
     const el = $$('note')
       .attr('note-content', this.props.node['note-content'])
-      .addClass('sc-note')
-      // .append('a')
+      .addClass('sc-note').on('click', this.createShowNote)
 
     return el
   }
 
+  createShowNote () {
+    const provider = this.getProvider()
+    provider.createShowNote()
+  }
+
+  getProvider () {
+    return this.context.notesProvider
+  }
+
   dispose () {
     this.props.node.off(this)
   }

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

-import EditNoteTool from './EditNoteTool'
 import Note from './Note'
 import NoteCommand from './NoteCommand'
 import NoteComponent from './NoteComponent'
@@ -14,7 +13,6 @@ export default {
     config.addConverter('html', NoteHTMLConverter)
     config.addCommand(Note.type, NoteCommand, { nodeType: Note.type })
     config.addTool('note', NoteTool, { toolGroup: 'annotations' })
-    config.addTool('note', EditNoteTool, { toolGroup: 'overlay' })
     config.addIcon('note', { 'fontawesome': 'fa-bookmark' })
     config.addLabel('note', {
       en: 'Note'

app/components/SimpleEditor/elements/note/note.scss

@@ -23,48 +23,3 @@ $red: #591818;
     font-weight: 400;
   }
 }
-
-.sc-edit-note-tool-container {
-  background-color: $gray;
-  border: 1px solid $red;
-  display: inline-block;
-
-  .sc-save-area {
-    display: inline;
-    float: left;
-    height: 100%;
-    padding: 5px 5px 0;
-    width: 40px;
-
-    .sc-save-icon {
-      color: $red;
-      cursor: pointer;
-      position: absolute;
-      right: 19px;
-      top: 17px;
-
-      &:hover {
-        color: $red;
-      }
-    }
-  }
-
-  textarea {
-    background-color: $gray;
-    border: transparent;
-    border-right: 1px dashed $red;
-    color: $red;
-    float: left;
-    font-family: 'Fira Sans';
-    font-size: 15px;
-    min-height: 39px;
-    outline: none;
-    overflow: hidden;
-    resize: none;
-    width: 310px;
-
-    &[disabled] {
-      border-right: 0;
-    }
-  }
-}

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

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