Create action methods from previous inline functions

src/actions/index.ts

@@ -42,6 +42,15 @@ export function fetchNotes() {
   }
 }
 
+export function addNoteAction(note: any) {
+  return {
+    type: ADD_NOTE,
+    id: note.id,
+    title: note.title,
+    content: note.content
+  }
+}
+
 /**
  * Add new note
  * @param title Note title
@@ -51,20 +60,21 @@ export function addNote(title: string, content: string) {
   return (dispatch: any) => {
     const noteId = generateNoteId();
     const note = {id: noteId, title: title, content: content};
-
     return saveNote(note, () => {
-      dispatch((noteId: string, title: string, content: string) => {
-        return {
-          type: ADD_NOTE,
-          id: noteId,
-          title: title,
-          content: content
-        }
-      })
+      dispatch(addNoteAction(note))
     })
   }
 }
 
+export function updateNoteAction(note: any) {
+  return {
+    type: UPDATE_NOTE,
+    id: note.id,
+    title: note.title,
+    content: note.content
+  }
+}
+
 /**
  * Update existing note
  * @param id Note ID
@@ -76,31 +86,26 @@ export function updateNote(id: string, title: string, content: string) {
     const note = {id: id, title: title, content: content};
 
     return saveNote(note, () => {
-      dispatch((id: string, title: string, content: string) => {
-        return {
-          type: UPDATE_NOTE,
-          id: id,
-          title: title,
-          content: content
-        }
-      })
+      dispatch(updateNoteAction(note))
     })
   }
 }
 
+export function removeNoteAction(id: string) {
+  return {
+    type: REMOVE_NOTE,
+    id: id
+  }
+}
+
 /**
  * Remove note
  * @param id Note ID
  */
 export function removeNote(id: string) {
   return (dispatch: any) => {
     return deleteNote(id, () => {
-      dispatch((id: string) => {
-        return {
-          type: REMOVE_NOTE,
-          id: id
-        }
-      })
+      dispatch(removeNoteAction(id))
     })
   }
 }

src/components/add-note-button.tsx

@@ -8,7 +8,7 @@ import { View, Button } from 'react-native';
 export default class AddNoteButton extends React.Component<any> {
   render() {
     return (
-      <View style={{marginBottom: 36}}>
+      <View style = {{ marginBottom: 36 }}>
         <Button
           onPress={() => this.props.navigation.navigate('NewNote')}
           title="Add Note"

src/screens/home-screen.tsx

@@ -14,10 +14,6 @@ import { NotesList } from "../containers"
 import { fetchNotes } from "../actions"
 
 class HomeScreen extends React.Component<any> {
-  state = {
-    isLoading: this.props.isLoading,
-  }
-
   static navigationOptions = {
     title: 'Notes',
   };