import commentPackage and add overlay in notes editor

app/components/SimpleEditor/miniEditor/config.js

@@ -9,6 +9,8 @@ import {
 
 } from 'substance'
 
+import CommentPackage from '../elements/comment/CommentPackage'
+
 let config = {
   name: 'simple-editor',
   configure: (config, options) => {
@@ -26,6 +28,7 @@ let config = {
     config.import(StrongPackage)
     config.import(PersistencePackage)
     config.import(SpellCheckPackage)
+    config.import(CommentPackage)
   }
 }
 

app/components/SimpleEditor/miniEditor/miniEditor.js

@@ -12,7 +12,9 @@ class MiniEditor extends ProseEditor {
     let editor = this._renderEditor($$)
     let SplitPane = this.componentRegistry.get('split-pane')
     let ScrollPane = this.componentRegistry.get('scroll-pane')
+    let Overlay = this.componentRegistry.get('overlay')
 
+    // TEMP
     const commentsPane = $$('ul').addClass('sc-comment-pane-list').addClass('sc-comments-pane').append('notes Editor Comments')
 
     const editorWithComments = $$(SplitPane, { sizeA: '100%', splitType: 'vertical' })
@@ -25,7 +27,7 @@ class MiniEditor extends ProseEditor {
       name: 'miniEditorContentPanel',
       scrollbarPosition: 'right'
     })
-      .append(editorWithComments)
+      .append(editorWithComments, $$(Overlay))
       .attr('id', 'content-panel')
       .ref('miniEditorContentPanel')