From 74200b2fb25f6f1a14311c5a07f69e73a7a9ea7e Mon Sep 17 00:00:00 2001
From: Jori Lallo <jorilallo@Joris-MacBook.local>
Date: Fri, 2 Sep 2016 15:37:43 -0700
Subject: [PATCH] Lint js

---
 .../MarkdownEditor/MarkdownEditor.js          | 47 ++++++++++---------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/frontend/components/MarkdownEditor/MarkdownEditor.js b/frontend/components/MarkdownEditor/MarkdownEditor.js
index c41fd28aa..83cbf2e33 100644
--- a/frontend/components/MarkdownEditor/MarkdownEditor.js
+++ b/frontend/components/MarkdownEditor/MarkdownEditor.js
@@ -21,16 +21,13 @@ class MarkdownEditor extends React.Component {
     onChange: React.PropTypes.func.isRequired,
     replaceText: React.PropTypes.func.isRequired,
     onSave: React.PropTypes.func.isRequired,
+    onCancel: React.PropTypes.func.isRequired,
 
     // This is actually not used but it triggers
     // re-render to help with CodeMirror focus issues
     preview: React.PropTypes.bool,
   }
 
-  getEditorInstance = () => {
-    return this.refs.editor.getCodeMirror();
-  }
-
   onChange = (newText) => {
     if (newText !== this.props.text) {
       this.props.onChange(newText);
@@ -64,7 +61,7 @@ class MarkdownEditor extends React.Component {
     .then(response => {
       const data = response.data;
       // Upload using FormData API
-      let formData = new FormData();
+      const formData = new FormData();
 
       for (let key in data.form) {
         formData.append(key, data.form[key]);
@@ -78,12 +75,12 @@ class MarkdownEditor extends React.Component {
 
       fetch(data.upload_url, {
         method: 'post',
-        body: formData
+        body: formData,
       })
       .then(s3Response => {
         this.props.replaceText({
           original: pendingUploadTag,
-          new: `![${file.name}](${data.asset.url})`
+          new: `![${file.name}](${data.asset.url})`,
         });
         editor.setCursor(newCursorPositionLine, 0);
       })
@@ -109,6 +106,10 @@ class MarkdownEditor extends React.Component {
     cm.focus();
   }
 
+  getEditorInstance = () => {
+    return this.refs.editor.getCodeMirror();
+  }
+
   render = () => {
     const options = {
       readOnly: false,
@@ -122,33 +123,33 @@ class MarkdownEditor extends React.Component {
       extraKeys: {
         Enter: 'newlineAndIndentContinueMarkdownList',
 
-        "Ctrl-Enter": this.props.onSave,
-        "Cmd-Enter": this.props.onSave,
+        'Ctrl-Enter': this.props.onSave,
+        'Cmd-Enter': this.props.onSave,
 
-        "Cmd-Esc": this.props.onCancel,
-        "Ctrl-Esc": this.props.onCancel,
+        'Cmd-Esc': this.props.onCancel,
+        'Ctrl-Esc': this.props.onCancel,
 
-        // "Cmd-Shift-p": this.props.togglePreview,
-        // "Ctrl-Shift-p": this.props.togglePreview,
+        // 'Cmd-Shift-p': this.props.togglePreview,
+        // 'Ctrl-Shift-p': this.props.togglePreview,
       },
-      placeholder: "# Start with a title...",
+      placeholder: '# Start with a title...',
     };
 
     return (
       <Dropzone
-        onDropAccepted={this.onDropAccepted}
-        disableClick={true}
-        multiple={false}
-        accept={'image/*'}
-        className={styles.container}
+        onDropAccepted={ this.onDropAccepted }
+        disableClick
+        multiple={ false }
+        accept="image/*"
+        className={ styles.container }
       >
         <ClickablePadding onClick={ this.onPaddingTopClick } />
         <Codemirror
-          value={this.props.text}
-          onChange={this.onChange}
-          options={options}
+          value={ this.props.text }
+          onChange={ this.onChange }
+          options={ options }
           ref="editor"
-          className={styles.codeMirrorContainer}
+          className={ styles.codeMirrorContainer }
         />
         <ClickablePadding onClick={ this.onPaddingBottomClick } />
       </Dropzone>