clean code

resource/js/components/PageEditor/Editor.js

@@ -431,6 +431,15 @@ export default class Editor extends React.Component {
       : '';
   }
 
+  onCursor(editor, event) {
+    const strFromBol = mtu.getStrFromBol(editor);
+    if (mtu.isEndOfLine(editor) && mtu.linePartOfTableRE.test(strFromBol)) {
+      this.setState({additionalClass: 'add-icon'});
+    }
+    else {
+      this.setState({additionalClass: ''});
+  }
+
   render() {
     const flexContainer = {
       height: '100%',
@@ -509,15 +518,7 @@ export default class Editor extends React.Component {
                 this.emojiAutoCompleteHelper.showHint(editor);
               }
             }}
-            onCursor={(editor, event) => {
-              const strFromBol = mtu.getStrFromBol(editor);
-              if (mtu.isEndOfLine(editor) && mtu.linePartOfTableRE.test(strFromBol)) {
-                this.setState({additionalClass: 'add-icon'});
-              }
-              else {
-                this.setState({additionalClass: ''});
-              }
-              }}
+            onCursor={this.onCursor}
             onDragEnter={this.onDragEnterForCM}
           />
         </Dropzone>

resource/styles/scss/_on-edit.scss

@@ -96,13 +96,9 @@ body.on-edit {
         // left(editor)
         .page-editor-editor-container {
           height: calc(100vh - #{$header-plus-footer});
-        .add-icon {
-          .CodeMirror-cursor {
-            &:after {
-              font-family: 'FontAwesome';
-              content: '\f0ce';
-            }
-          }
+        .add-icon .CodeMirror-cursor &:after {
+          font-family: 'FontAwesome';
+          content: '\f0ce';
         }
         .react-codemirror2, .CodeMirror, .CodeMirror-scroll {
           height: calc(100vh - #{$editor-margin});