update store to fetch user data

Author: woi

App/Services/UserService.js

@@ -0,0 +1,44 @@
+import { create } from 'apisauce'
+import { Config } from 'App/Config'
+
+/**
+ * This is an example of a service that connects to a 3rd party API.
+ *
+ * Feel free to remove this example from your application.
+ */
+
+const userApiClient = create({
+  /**
+   * Import the config from the App/Config/index.js file
+   */
+  baseURL: Config.API_URL,
+  headers: {
+    Accept: 'application/json',
+    'Content-Type': 'application/json',
+  },
+  timeout: 3000,
+})
+
+function fetchUser() {
+  // Simulate an error 50% of the time just for testing purposes
+  // if (Math.random() > 0.5) {
+  //   return new Promise(function(resolve, reject) {
+  //     resolve(null)
+  //   })
+  // }
+  let number = Math.floor(Math.random() / 0.1) + 1
+  console.log(number)
+
+  return userApiClient.get(number.toString()).then((response) => {
+    console.log(response.data)
+    if (response.ok) {
+      return response.data
+    }
+
+    return null
+  })
+}
+
+export const userService = {
+  fetchUser,
+}

App/Services/WeatherService.js

@@ -19,14 +19,14 @@ import { createActions } from 'reduxsauce'
  * @see https://github.com/infinitered/reduxsauce#createactions
  */
 const { Types, Creators } = createActions({
-  // Fetch the current weather temperature
-  fetchTemperature: null,
+  // Fetch user informations
+  fetchUser: null,
   // The operation has started and is loading
-  fetchTemperatureLoading: null,
-  // The temperature was successfully fetched
-  fetchTemperatureSuccess: ['temperature'],
+  fetchUserLoading: null,
+  // User informations were successfully fetched
+  fetchUserSuccess: ['user'],
   // An error occurred
-  fetchTemperatureFailure: ['errorMessage'],
+  fetchUserFailure: ['errorMessage'],
 })
 
 export const ExampleTypes = Types

App/Stores/Example/Actions.js

@@ -4,7 +4,7 @@ import { Map } from 'immutable'
  * The initial values for the redux state.
  */
 export const INITIAL_STATE = Map({
-  temperature: null,
-  temperatureErrorMessage: null,
-  temperatureIsLoading: false,
+  user: null,
+  userIsLoading: false,
+  userErrorMessage: null,
 })

App/Stores/Example/InitialState.js

@@ -8,31 +8,31 @@ import { INITIAL_STATE } from './InitialState'
 import { createReducer } from 'reduxsauce'
 import { ExampleTypes } from './Actions'
 
-export const fetchTemperatureLoading = (state) =>
+export const fetchUserLoading = (state) =>
   state.merge({
-    temperatureIsLoading: true,
-    temperatureErrorMessage: '',
+    userIsLoading: true,
+    userErrorMessage: '',
   })
 
-export const fetchTemperatureSuccess = (state, { temperature }) =>
+export const fetchUserSuccess = (state, { user }) =>
   state.merge({
-    temperature: temperature,
-    temperatureIsLoading: false,
-    temperatureErrorMessage: null,
+    user: user,
+    userIsLoading: false,
+    userErrorMessage: null,
   })
 
-export const fetchTemperatureFailure = (state, { errorMessage }) =>
+export const fetchUserFailure = (state, { errorMessage }) =>
   state.merge({
-    temperature: null,
-    temperatureIsLoading: false,
-    temperatureErrorMessage: errorMessage,
+    user: null,
+    userIsLoading: false,
+    userErrorMessage: errorMessage,
   })
 
 /**
  * @see https://github.com/infinitered/reduxsauce#createreducer
  */
 export const reducer = createReducer(INITIAL_STATE, {
-  [ExampleTypes.FETCH_TEMPERATURE_LOADING]: fetchTemperatureLoading,
-  [ExampleTypes.FETCH_TEMPERATURE_SUCCESS]: fetchTemperatureSuccess,
-  [ExampleTypes.FETCH_TEMPERATURE_FAILURE]: fetchTemperatureFailure,
+  [ExampleTypes.FETCH_USER_LOADING]: fetchUserLoading,
+  [ExampleTypes.FETCH_USER_SUCCESS]: fetchUserSuccess,
+  [ExampleTypes.FETCH_USER_FAILURE]: fetchUserFailure,
 })