feat: create fech team members action and team reducer

Relates #43

client/src/actions/fetch_team_members.js

@@ -0,0 +1,11 @@
+import axios from 'axios';
+import { GET_TEAM_MEMBERS } from '../constants/actionTypes';
+
+export default teamId => dispatch => {
+  axios.get(`/teams/${teamId}/members`).then(({ data }) =>
+    dispatch({
+      type: GET_TEAM_MEMBERS,
+      data,
+    })
+  );
+};

client/src/components/LandingPage/Team/index.js

@@ -1,7 +1,10 @@
-import React from 'react';
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import fetchTeamMembers from '../../../actions/fetch_team_members';
 
 import TeamCard from './TeamCard';
-import TeamHeaderImage from './team_header.png';
+
 import {
   TeamWrapper,
   Header,
@@ -10,12 +13,30 @@ import {
   Heading,
 } from './StyledCompnents';
 
-export default () => (
-  <TeamWrapper>
-    <Header>
-      <HeaderImage src={TeamHeaderImage} />
-      <Heading>Who We Are</Heading>
-    </Header>
-    <TeamCardsWrapper />
-  </TeamWrapper>
-);
+import TeamHeaderImage from './team_header.png';
+
+class Team extends Component {
+  componentDidMount() {
+    this.props.fetchTeamMembers(111);
+  }
+
+  render() {
+    return (
+      <TeamWrapper>
+        <Header>
+          <HeaderImage src={TeamHeaderImage} />
+          <Heading>Who We Are</Heading>
+        </Header>
+        <TeamCardsWrapper />
+      </TeamWrapper>
+    );
+  }
+}
+
+const mapStateToProps = state => ({ teamMembers: state.team.members });
+const mapDispatchToProps = { fetchTeamMembers };
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(Team);

client/src/constants/actionTypes.js

@@ -0,0 +1 @@
+export const GET_TEAM_MEMBERS = 'GET_TEAM_MEMBERS';

client/src/reducers/index.js

@@ -1,9 +1,11 @@
 import { combineReducers } from 'redux';
 
 import userReducer from './users';
+import teamReducer from './teams';
 
 const appReducer = combineReducers({
   users: userReducer,
+  team: teamReducer,
 });
 
 export default appReducer;

client/src/reducers/teams.js

@@ -0,0 +1,10 @@
+import { GET_TEAM_MEMBERS } from '../constants/actionTypes';
+
+const initialState = {
+  members: [],
+};
+
+const teamsReducer = (state = initialState, action) => {
+  return state;
+};
+export default teamsReducer;