chore: Create redux actions

Author: kimobrian

app/actions/actionTypes.js

@@ -0,0 +1,11 @@
+export const itemsActions = {
+    ITEMS_HAS_ERRORED: "ITEMS_HAS_ERRORED",
+    ITEMS_IS_LOADING: "ITEMS_IS_LOADING",
+    ITEMS_FETCH_DATA_SUCCESS: "ITEMS_FETCH_DATA_SUCCESS"
+}
+
+export const itemActions = {
+    ITEM_HAS_ERRORED: "ITEM_HAS_ERRORED",
+    ITEM_IS_LOADING: "ITEM_IS_LOADING",
+    ITEM_FETCH_DATA_SUCCESS: "ITEM_FETCH_DATA_SUCCESS"
+}

app/actions/currentItem.js

@@ -0,0 +1,46 @@
+import { itemActions as actionTypes } from '../actions/actionTypes'
+import axios from 'axios';
+
+export function itemHasErrored(status, err) {
+    return {
+        type: actionTypes.ITEM_HAS_ERRORED,
+        error: err,
+        isLoading: false
+    };
+}
+
+export function itemIsLoading(loadStatus) {
+    return {
+        type: actionTypes.ITEM_IS_LOADING,
+        isLoading: loadStatus,
+        error: false
+    };
+}
+
+export function itemFetchDataSuccess(items) {
+    return {
+        type: actionTypes.ITEM_FETCH_DATA_SUCCESS,
+        items,
+        isLoading: false
+    };
+}
+
+export function itemFetchData(url) {
+    return (dispatch) => {
+        dispatch(itemIsLoading(true));
+        axios.get(url)
+            .then((response) => {
+                if (response.status !== 200) {
+                    dispatch(itemHasErrored(true, "Error Occurred: "+response.statusText));
+                }
+                dispatch(itemIsLoading(false));
+                return response;
+            })
+            .then((items) => {
+                dispatch(itemFetchDataSuccess(items.data))
+            })
+            .catch((err) => {
+                dispatch(itemHasErrored(err));
+            });
+    };
+}

app/actions/index.js

@@ -0,0 +1,2 @@
+export { itemsHasErrored, itemsIsLoading, itemsFetchDataSuccess, itemsFetchData } from './items';
+export { itemHasErrored, itemIsLoading, itemFetchDataSuccess, itemFetchData } from './currentItem';

app/actions/items.js

@@ -0,0 +1,46 @@
+import { itemsActions as actionTypes } from '../actions/actionTypes'
+import axios from 'axios';
+
+export function itemsHasErrored(status, err) {
+    return {
+        type: actionTypes.ITEMS_HAS_ERRORED,
+        error: err,
+        isLoading: false
+    };
+}
+
+export function itemsIsLoading(loadStatus) {
+    return {
+        type: actionTypes.ITEMS_IS_LOADING,
+        isLoading: loadStatus,
+        error: false
+    };
+}
+
+export function itemsFetchDataSuccess(items) {
+    return {
+        type: actionTypes.ITEMS_FETCH_DATA_SUCCESS,
+        items,
+        isLoading: false
+    };
+}
+
+export function itemsFetchData(url) {
+    return (dispatch) => {
+        dispatch(itemsIsLoading(true));
+        axios.get(url)
+            .then((response) => {
+                if (response.status !== 200) {
+                    dispatch(itemsHasErrored(true, "Error Occurred: "+response.statusText));
+                }
+                dispatch(itemsIsLoading(false));
+                return response;
+            })
+            .then((items) => {
+                dispatch(itemsFetchDataSuccess(items.data))
+            })
+            .catch((err) => {
+                dispatch(itemsHasErrored(err));
+            });
+    };
+}