Testing

src/components/Certificates/index.jsx

@@ -27,7 +27,7 @@ export default class Certificates extends React.Component {
       let sortedTeams = {};
       collegesService.getParticipants(user.college).then(participants => {
         for (let team of teams) {
-          let members = participants.filter(member => team.members.includes(member.id));
+          let members = participants.filter(member => team.members.includes(member.id) && member.certificateEligible);
           team.members = members;
         }
 

src/components/CollegeTeams/Edit.jsx

@@ -42,7 +42,6 @@ export default class EditMember extends React.Component {
 
   componentWillMount() {
     participantsService.get(this.props.member).then(participant => {
-
       this.setState({ participant: participant || {} })
     });
 
@@ -90,6 +89,29 @@ export default class EditMember extends React.Component {
           />
         </div>
 
+        <div className="flex my-2">
+          <div>Eligible for certification</div>
+          <input
+            onChange={(e)=>{
+              const val = e.target.checked;
+              this.setState((prev)=>{
+                return {
+                  participant: {
+                    ...prev.participant,
+                    certificateEligible: val,
+                  }
+                }
+              });
+            }}
+            autoComplete="off"
+            name="certificateEligible"
+            type="checkbox"
+            checked={this.state.participant.certificateEligible}
+            placeholder="Eligible for certificate"
+            css={{ width: 50 }}
+          />
+        </div>
+
         <div>
           <Button
             onClick={this.handleClick}

src/services/participants.js

@@ -13,6 +13,7 @@ const get = async (participantID) => {
 };
 
 const update = async (participantID, participant) => {
+  console.log(participant)
   let response = await request("/participants/" + participantID, "PATCH", participant);
 
   if (response && response.status === 200) {