Make 16/05 code review changes

Changes not made:
- Change of `Playground` component to an `SFC`

src/actions/playground.ts

@@ -4,7 +4,7 @@ import { Action, ActionCreator } from 'redux'
  * The `type` attribute for an `Action` which updates the `IPlaygroundState`
  * `editorValue`
  */
-export const UPDATE_EDITOR_VALUE: string = 'UPDATE_EDITOR_VALUE'
+export const UPDATE_EDITOR_VALUE = 'UPDATE_EDITOR_VALUE'
 
 /**
  * Represents an `Action` which updates the `editorValue` of a
@@ -13,8 +13,7 @@ export const UPDATE_EDITOR_VALUE: string = 'UPDATE_EDITOR_VALUE'
  * @property newEditorValue - The new string value for `editorValue`
  */
 export interface IUpdateEditorValue extends Action {
-  type: string
-  newEditorValue: string
+  payload: string
 }
 
 /**
@@ -23,5 +22,5 @@ export interface IUpdateEditorValue extends Action {
  */
 export const updateEditorValue: ActionCreator<IUpdateEditorValue> = (newEditorValue: string) => ({
   type: UPDATE_EDITOR_VALUE,
-  newEditorValue
+  payload: newEditorValue
 })

src/components/Application.tsx

@@ -11,7 +11,7 @@ export interface IApplicationProps extends RouteComponentProps<{}> {
   title: string
 }
 
-const Application: React.SFC<IApplicationProps> = (props: IApplicationProps) => {
+const Application: React.SFC<IApplicationProps> = (props) => {
   const redirectToDashboard = () => <Redirect to="/dashboard" />
 
   return (

src/components/Playground.tsx

@@ -11,7 +11,7 @@ import 'brace/theme/github'
  */
 export interface IPlaygroundProps {
   editorValue: string
-  updateCode: (newCode: string) => void
+  handleEditorChange: (newCode: string) => void
 }
 
 /**
@@ -28,7 +28,7 @@ export default class Playground extends React.Component<IPlaygroundProps, {}> {
           mode="javascript"
           theme="github"
           value={this.props.editorValue}
-          onChange={this.props.updateCode}
+          onChange={this.props.handleEditorChange}
         />
       </div>
     )

src/components/__tests__/Playground.tsx

@@ -8,7 +8,7 @@ import { IPlaygroundProps as PlaygroundProps } from '../Playground'
 test('Playground renders correctly', () => {
   const props: PlaygroundProps = {
     editorValue: '',
-    updateCode: (newCode: string) => {
+    handleEditorChange: (newCode: string) => {
       return
     }
   }

src/containers/PlaygroundContainer.ts

@@ -9,7 +9,7 @@ import {
 import { IState } from '../reducers'
 
 type StateProps = Pick<PlaygroundProps, 'editorValue'>
-type DispatchProps = Pick<PlaygroundProps, 'updateCode'>
+type DispatchProps = Pick<PlaygroundProps, 'handleEditorChange'>
 
 /** Provides the editorValue of the `IPlaygroundState` of the `IState` as a
  * `StateProps` to the Playground component
@@ -26,7 +26,7 @@ const mapStateToProps: MapStateToProps<StateProps, {}, IState> = state => {
  */
 const mapDispatchToProps: MapDispatchToProps<DispatchProps, {}> = (dispatch: Dispatch<any>) => {
   return {
-    updateCode: (newCode: string) => {
+    handleEditorChange: (newCode: string) => {
       dispatch(updateEditorValue(newCode))
     }
   }

src/reducers/playground.ts

@@ -1,10 +1,6 @@
 import { Action, Reducer } from 'redux'
 import { IUpdateEditorValue, UPDATE_EDITOR_VALUE } from '../actions/playground'
 
-/**
- * A state for the playground container
- * @property editorValue - The string content of the react-ace editor
- */
 export interface IPlaygroundState {
   editorValue: string
 }
@@ -26,7 +22,7 @@ export const reducer: Reducer<IPlaygroundState> = (state = defaultState, action:
     case UPDATE_EDITOR_VALUE:
       return {
         ...state,
-        editorValue: (action as IUpdateEditorValue).newEditorValue
+        editorValue: (action as IUpdateEditorValue).payload
       }
     default:
       return state