finalizing project

client/src/actions/index.js

@@ -1,11 +1,16 @@
 import axios from "axios";
-import { FETCH_USER } from "./types";
+import { FETCH_USER, FETCH_SURVEYS } from "./types";
 
 const fetchUser = () => async dispatch => {
   const res = await axios.get("/api/currentUser");
   dispatch({ type: FETCH_USER, payload: res.data });
 };
 
+const fetchSurveys = () => async dispatch => {
+  const res = await axios.get("/api/surveys");
+  dispatch({ type: FETCH_SURVEYS, payload: res.data });
+};
+
 const handleToken = token => async dispatch => {
   const res = await axios.post("/api/stripe", token);
   dispatch({ type: FETCH_USER, payload: res.data });
@@ -17,4 +22,4 @@ const sendSurvey = (survey, history) => async dispatch => {
   dispatch({ type: FETCH_USER, payload: res.data });
 };
 
-export { fetchUser, handleToken, sendSurvey };
+export { fetchUser, handleToken, sendSurvey, fetchSurveys };

client/src/actions/types.js

@@ -1 +1,2 @@
 export const FETCH_USER = "fetch_user";
+export const FETCH_SURVEYS = "fetch_surveys";

client/src/components/Dashboard.js

@@ -1,10 +1,11 @@
 import React from "react";
 import { Link } from "react-router-dom";
+import SurveyList from "./Surveys/SurveyLists";
 
 const Dashboard = () => {
   return (
     <div>
-      Dashboard
+      <SurveyList />
       <div className="fixed-action-btn">
         <Link className="btn-floating btn-large red" to="/surveys/new">
           <i className="material-icons">add</i>

client/src/components/Surveys/SurveyLists.js

@@ -0,0 +1,40 @@
+import React, { Component } from "react";
+import { fetchSurveys } from "../../actions";
+import { connect } from "react-redux";
+
+class SurveyList extends Component {
+  componentDidMount() {
+    this.props.fetchSurveys();
+  }
+
+  renderSurveys() {
+    return this.props.surveys.reverse().map(survey => {
+      return (
+        <div className="card darken-1" key={survey._id}>
+          <div className="card-content">
+            <span className="card-title">{survey.title}</span>
+            <p>{survey.body}</p>
+            <p className="right">
+              Sent On: {new Date(survey.dateSent).toLocaleDateString()}
+            </p>
+          </div>
+          <div className="card-action">
+            <a>YES: {survey.yes}</a>
+            <a>NO: {survey.no}</a>
+          </div>
+        </div>
+      );
+    });
+  }
+
+  render() {
+    return <div>{this.renderSurveys()}</div>;
+  }
+}
+
+const mapStateToProps = ({ surveys }) => ({ surveys });
+
+export default connect(
+  mapStateToProps,
+  { fetchSurveys }
+)(SurveyList);

client/src/reducers/index.js

@@ -2,8 +2,10 @@ import { combineReducers } from "redux";
 import { reducer as formReducer } from "redux-form";
 
 import authReducer from "./authReducer";
+import surveyReducer from "./surveyReducer";
 
 export default combineReducers({
   auth: authReducer,
-  form: formReducer
+  form: formReducer,
+  surveys: surveyReducer
 });

client/src/reducers/surveyReducer.js

@@ -0,0 +1,10 @@
+import { FETCH_SURVEYS } from "../actions/types";
+
+export default (state = [], action) => {
+  switch (action.type) {
+    case FETCH_SURVEYS:
+      return action.payload || state;
+    default:
+      return state;
+  }
+};

routes/surveyRoutes.js

@@ -54,6 +54,13 @@ module.exports = app => {
     res.send({});
   });
 
+  app.get("/api/surveys", auth, async (req, res) => {
+    const surveys = await Survey.find({ _user: req.user.id }).select(
+      "-recipents"
+    );
+    res.send(surveys);
+  });
+
   app.post("/api/surveys", auth, credits, async (req, res) => {
     const { title, subject, body, recipents } = req.body;
     const survey = new Survey({