add flowtype and fix lint error

Author: freedomlang

examples/undo-example/src/RedoButton.js

@@ -1,22 +1,32 @@
+// @flow
+
 import React, { Component } from 'react'
 import { EditorState } from 'draft-js'
 
-class RedoButton extends Component {
+type Props = {
+  editorState: EditorState,
+  setEditorState: EditorState => void,
+}
 
-  onClick = (event) => {
-    event.stopPropagation();
-    this.props.setEditorState(EditorState.redo(this.props.editorState));
-  };
+class RedoButton extends Component<Props> {
+  onClick = event => {
+    event.stopPropagation()
+    this.props.setEditorState(EditorState.redo(this.props.editorState))
+  }
 
   render() {
     return (
-			<button
-        disabled={ !this.props.editorState || this.props.editorState.getRedoStack().isEmpty() }
+      <button
+        disabled={
+          !this.props.editorState ||
+          this.props.editorState.getRedoStack().isEmpty()
+        }
         type="button"
-        onClick={this.onClick}
-      >redo</button>
+        onClick={this.onClick}>
+        redo
+      </button>
     )
   }
 }
 
-export default RedoButton
+export default RedoButton

examples/undo-example/src/UndoButton.js

@@ -1,22 +1,32 @@
+// @flow
+
 import React, { Component } from 'react'
 import { EditorState } from 'draft-js'
 
-class UndoButton extends Component {
+type Props = {
+  editorState: EditorState,
+  setEditorState: EditorState => void,
+}
 
-  onClick = (event) => {
-    event.stopPropagation();
-    this.props.setEditorState(EditorState.undo(this.props.editorState));
-  };
+class UndoButton extends Component<Props> {
+  onClick = event => {
+    event.stopPropagation()
+    this.props.setEditorState(EditorState.undo(this.props.editorState))
+  }
 
   render() {
     return (
-			<button
-        disabled={ !this.props.editorState || this.props.editorState.getUndoStack().isEmpty() }
+      <button
+        disabled={
+          !this.props.editorState ||
+          this.props.editorState.getUndoStack().isEmpty()
+        }
         type="button"
-        onClick={this.onClick}
-      >undo</button>
+        onClick={this.onClick}>
+        undo
+      </button>
     )
   }
 }
 
-export default UndoButton
+export default UndoButton

examples/undo-example/src/index.js

@@ -1,7 +1,7 @@
 import React, { Component, Fragment } from 'react'
 import ReactDOM from 'react-dom'
 
-import { EditorState, ContentState} from 'draft-js'
+import { EditorState, ContentState } from 'draft-js'
 import { EditorContainer, Editor, Plugin } from '@djsp/core'
 import UndoButton from './UndoButton.js'
 import RedoButton from './RedoButton.js'
@@ -24,12 +24,20 @@ class App extends Component {
         <EditorContainer
           editorState={this.state.editorState}
           onChange={this.onChange}>
-          <Plugin>{({ editorState, setEditorState }) => (
-            <Fragment>
-              <UndoButton editorState={editorState} setEditorState={setEditorState} />
-              <RedoButton editorState={editorState} setEditorState={setEditorState} />
-            </Fragment>
-          )}</Plugin>
+          <Plugin>
+            {({ editorState, setEditorState }) => (
+              <Fragment>
+                <UndoButton
+                  editorState={editorState}
+                  setEditorState={setEditorState}
+                />
+                <RedoButton
+                  editorState={editorState}
+                  setEditorState={setEditorState}
+                />
+              </Fragment>
+            )}
+          </Plugin>
           <Editor />
         </EditorContainer>
       </div>