actions and reducers

Author: bgoonz

src/actions/index.js

@@ -1,6 +1,40 @@
-import axios from 'axios';
+// import axios from 'axios';
 
 //Task List:
 //1. Add a thunk action called fetchSmurfs that triggers a loading status display in our application, performs an axios call to retreive smurfs from our server, saves the result of that call to our state and shows an error if one is made.
 //2. Add a standard action that allows us to add new smurf (including the name, nickname, position, summary)
-//3. Add a standard action that allows us to set the value of the error message slice of state.
+//3. Add a standard action that allows us to set the value of the error message slice of state.
+
+
+import axios from 'axios';
+
+export const FETCH_START = 'FETCH_START';
+export const FETCH_SUCCESS = 'FETCH_SUCCESS';
+export const FETCH_FAIL = 'FETCH_FAIL';
+
+export const ADD_SMURF = 'ADD_SMURF';
+export const SET_ERROR = 'SET_ERROR';
+
+export const getSmurfs = () => (dispatch) =>{
+    dispatch({type: FETCH_START});
+    axios.get('http://localhost:3333/smurfs')
+        .then((res =>{
+            dispatch({type:FETCH_SUCCESS, payload:res.data})
+}))
+        .catch(err =>{
+            dispatch({type: FETCH_FAIL,payload:err})
+})}
+
+export const addSmurf = ({name,position,nickname, description})=>{
+
+    return {
+        type:ADD_SMURF,
+        payload:
+            {name,position,nickname,description}
+}}
+export const errorMessage = (message) =>{
+
+    return{
+        type:SET_ERROR,
+        payload: message
+}}

src/index.js

@@ -44,7 +44,6 @@ const store = createStore( applyMiddleware( thunk, logger ), reducer );
 
 
 
-
 const rootElement = document.getElementById("root");
 
 ReactDOM.render(

src/reducers/index.js

@@ -1,21 +1,35 @@
+// 
+// export const initialState = {
+// }
+// 
+// const reducer = ()=>{
+// }
+// 
+// export default reducer;
+// 
+// //Task List:
+// //1. Adds the following state values into the initialState:
+// //  - an array of smurfs
+// //  - a boolean indicating if the app is loading
+// //  - a string indicating a possible error message
+// 
+// //2. Add in the arguments needed to complete a standard reducer function.
+// //3. Add in a reducer case to accomidate the start of a smurf fetch.
+// //4. Add in a reducer case to accomidate the successful smurf api fetch.
+// //5. Add in a reducer cases to accomidate the failed smurf api fetch.
+// //6. Add in a reducer case to accomidate adding a smurf (including the name, nickname, position, summary and an internally generated id) into your smurf list.
+// //7. Add in a reducer case that adds in a value to the error message.
 
-export const initialState = {
-}
-
-const reducer = ()=>{
-}
 
-export default reducer;
 
-//Task List:
-//1. Adds the following state values into the initialState:
-//  - an array of smurfs
-//  - a boolean indicating if the app is loading
-//  - a string indicating a possible error message
+import FETCH_START from '../actions/index'
+import ADD_SMURF from '../actions/index'
+import FETCH_SUCCESS from '../actions/index'
+import SET_ERROR from '../actions/index'
+import FETCH_FAIL from '../actions/index'
 
-//2. Add in the arguments needed to complete a standard reducer function.
-//3. Add in a reducer case to accomidate the start of a smurf fetch.
-//4. Add in a reducer case to accomidate the successful smurf api fetch.
-//5. Add in a reducer cases to accomidate the failed smurf api fetch.
-//6. Add in a reducer case to accomidate adding a smurf (including the name, nickname, position, summary and an internally generated id) into your smurf list.
-//7. Add in a reducer case that adds in a value to the error message.
+export const initialState = {
+  smurfsArray: [],
+  appLoading: false,
+  error: ''
+}