100日目②： Profile Reducerの作成とCurrent ProfileをGetする

1. import { GET_PROFILE, PROFILE_ERROR } from "../actions/types";
3. const initialState = {
4. profile: null,
5. profiles: [], //profile listing page
6. repos: [],
7. loading: true,
8. error: {}
9. };
11. export default function(state = initialState, action) {
12. const { type, payload } = action;
14. switch (type) {
15. case GET_PROFILE:
16. return {
17. ...state,
18. profile: payload,
19. loading: false
20. };
21. case PROFILE_ERROR:
22. return {
23. ...state,
24. error: payload,
25. loading: false
26. };
27. default:
28. return state;
29. }
30. }

import { GET_PROFILE, PROFILE_ERROR } from "../actions/types";

const initialState = {
  profile: null,
  profiles: [], //profile listing page
  repos: [],
  loading: true,
  error: {}
};

export default function(state = initialState, action) {
  const { type, payload } = action;

  switch (type) {
    case GET_PROFILE:
      return {
        ...state,
        profile: payload,
        loading: false
      };
    case PROFILE_ERROR:
      return {
        ...state,
        error: payload,
        loading: false
      };
    default:
      return state;
  }
}

1. import { combineReducers } from "redux";
2. import alert from "./alert";
3. import auth from "./auth";
4. import profile from "./profile";
6. export default combineReducers({
7. alert,
8. auth,
9. profile
10. });

import { combineReducers } from "redux";
import alert from "./alert";
import auth from "./auth";
import profile from "./profile";

export default combineReducers({
  alert,
  auth,
  profile
});

1. export const GET_PROFILE = "GET_PROFILE";
2. export const PROFILE_ERROR = "PROFILE_ERROR";

export const GET_PROFILE = "GET_PROFILE";
export const PROFILE_ERROR = "PROFILE_ERROR";

1. import axios from "axios";
2. // eslint-disable-next-line
3. import { setAlert } from "./alert";
5. import { GET_PROFILE, PROFILE_ERROR } from "./types";
7. // Get current users profile
8. export const getCurrentProfile = () => async dispatch => {
9. try {
10. const res = await axios.get("/api/profile/me");
12. dispatch({
13. type: GET_PROFILE,
14. payload: res.data
15. });
16. } catch (err) {
17. dispatch({
18. type: PROFILE_ERROR,
19. payload: { msg: err.response.statusText, status: err.response.status }
20. });
21. }
22. };

import axios from "axios";
// eslint-disable-next-line
import { setAlert } from "./alert";

import { GET_PROFILE, PROFILE_ERROR } from "./types";

// Get current users profile
export const getCurrentProfile = () => async dispatch => {
  try {
    const res = await axios.get("/api/profile/me");

    dispatch({
      type: GET_PROFILE,
      payload: res.data
    });
  } catch (err) {
    dispatch({
      type: PROFILE_ERROR,
      payload: { msg: err.response.statusText, status: err.response.status }
    });
  }
};