Personal info

client/components/ReportCardView.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import ReportCard from "./ReportCard.jsx";
+import PersonalInfoView from "./personal-info/PersonalInfoView.jsx";
 import CertificationView from "./certification/CertificationView.jsx";
 import Select from "../elements/Select.jsx";
 import axios from "axios";
@@ -156,7 +156,10 @@ class ReportCardView extends React.Component {
             labelClass="rc-label"
             selectClass="rc-select"
           /> */}
-          <ReportCard personInfo={personInfo[currentPerson]} />
+          <PersonalInfoView
+            personInfo={personInfo[currentPerson]}
+            updatePerson={this.updatePerson}
+          />
           <CertificationView
             certifications={certifications[currentId]}
             personId={currentId}

client/components/certification/AddCertification.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import DateBox from "../DateBox.jsx";
+import DateBox from "../../elements/DateBox.jsx";
 import Select from "../../elements/Select.jsx";
 import axios from "axios";
 

client/components/certification/EditingCertification.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import DateBox from "../DateBox.jsx";
+import DateBox from "../../elements/DateBox.jsx";
 import Select from "../../elements/Select.jsx";
 
 const EditingCertification = props => {
@@ -24,12 +24,6 @@ const EditingCertification = props => {
   return (
     <React.Fragment>
       <div className="cell">
-        {/* <Select
-            name="certType"
-            options={Object.keys(certificationTypes)}
-            handle={handleChange}
-            selected={data.name}
-          /> */}
         <p>{data.name}</p>
       </div>
       <div className="cell">

client/components/personal-info/DefaultPersonalInfo.jsx

@@ -0,0 +1,39 @@
+import React from "react";
+
+const DefaultPersonalInfo = props => {
+  const { personInfo } = props;
+
+  return (
+    <React.Fragment>
+      <div className="cell">
+        <p>{personInfo.first_name}</p>
+      </div>
+      <div className="cell">
+        <p>{personInfo.last_name}</p>
+      </div>
+      <div className="cell">
+        <p>{personInfo.email_address}</p>
+      </div>
+      <div className="cell">
+        <p>{personInfo.phone_number}</p>
+      </div>
+      <div className="cell">
+        <p>{personInfo.class}</p>
+      </div>
+      <div className="cell">
+        <p>{personInfo.start_date}</p>
+      </div>
+      <div className="cell">
+        <button
+          name="edit-btn"
+          className="edit-certification"
+          onClick={props.handleClick}
+        >
+          Edit
+        </button>
+      </div>
+    </React.Fragment>
+  );
+};
+
+export default DefaultPersonalInfo;