Flow for all the files

frontend/components/MarkdownEditor/MarkdownEditor.js

@@ -1,3 +1,4 @@
+// @flow
 import React from 'react';
 import { observer } from 'mobx-react';
 import Codemirror from 'react-codemirror';
@@ -28,13 +29,13 @@ import { client } from 'utils/ApiClient';
     toggleUploadingIndicator: React.PropTypes.func,
   };
 
-  onChange = newText => {
+  onChange = (newText: string) => {
     if (newText !== this.props.text) {
       this.props.onChange(newText);
     }
   };
 
-  onDropAccepted = files => {
+  onDropAccepted = (files: Object[]) => {
     const file = files[0];
     const editor = this.getEditorInstance();
 
@@ -62,6 +63,7 @@ import { client } from 'utils/ApiClient';
         filename: file.name,
       })
       .then(response => {
+        // $FlowFixMe need to augment ApiClient
         const data = response.data;
         // Upload using FormData API
         const formData = new FormData();
@@ -77,7 +79,7 @@ import { client } from 'utils/ApiClient';
         }
 
         fetch(data.uploadUrl, {
-          method: 'post',
+          method: 'POST',
           body: formData,
         })
           .then(_s3Response => {

frontend/components/MarkdownEditor/components/ClickablePadding/ClickablePadding.js

@@ -1,8 +1,9 @@
+// @flow
 import React from 'react';
 
 import styles from './ClickablePadding.scss';
 
-const ClickablePadding = props => {
+const ClickablePadding = (props: { onClick: Function }) => {
   return <div className={styles.container} onClick={props.onClick}>&nbsp;</div>;
 };
 

frontend/components/MarkdownEditor/components/ClickablePadding/index.js

@@ -1,2 +1,3 @@
+// @flow
 import ClickablePadding from './ClickablePadding';
 export default ClickablePadding;

frontend/components/MarkdownEditor/index.js

@@ -1,2 +1,3 @@
+// @flow
 import MarkdownEditor from './MarkdownEditor';
 export default MarkdownEditor;