Addcomponentmerge

essentialism/src/App.js

@@ -22,7 +22,11 @@ export default function App() {
         <Route exact path="/users/:id" component={User} />
         <Route exact path="/fetch" component={TestProjectsFetch} />
         <Route exact path="/" component={Login} />
-
+
+        {/* 
+          Build a PrivateRoute component that will 
+          display Projects  when you're authenticated 
+        */}
 
       </div>
     </Router>

essentialism/src/components/Projects.js

@@ -6,14 +6,6 @@ import { axiosWithAuth } from '../utils/axiosWithAuth';
 import { POST_DATA, POST_SUCCESS } from '../action/action'; 
 
 
-// const initialProject = {
-//   project: "",
-//   "title": "",
-//   "summary": "",
-//   "importance": "",
-//   "values": {value_name: ""}
-
-// };  
 
 const Projects = ({ projectToEdit, setProjectToEdit, editing, setEditing, initialProject}) => {
     [projectToEdit, setProjectToEdit] = useState(initialProject);

essentialism/src/components/TestProjectsFetch.js

@@ -58,7 +58,7 @@ useEffect(() => {
                     <p> Importance: {project.importance}</p>
             {/* <p> Value 1: {project.values[0].value_name}</p> */}
             <h4>Value 1: {project.values[0].value_name}</h4>
-            <h4>Value 1: {project.values[1].value_name}</h4>
+            <h4>Value 2: {project.values[1].value_name}</h4>
 
             <button onClick={removeProject(project.id)}>Remove Projects</button>
 <button onClick={()=> editProject(project)}> Edit Project </button>

essentialism/src/reducer/reducer.js

@@ -55,7 +55,9 @@ const projectsReducer = (state = initialState, actions) => {
                             return item
                         } else return state.projects
                     })
-                    }        
+                } 
+
+
 
                 default:
                     return state