feat: Add admin manual CheckInReady toggle

hackforla · Jul 18, 2023 · 565ef6e · 565ef6e
1 parent 224433a
commit 565ef6e
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 11 deletions.
diff --git a/client/src/components/manageProjects/editMeetingTimes.js b/client/src/components/manageProjects/editMeetingTimes.js
@@ -106,6 +106,13 @@ const EditMeetingTimes = ({
         };
       }
 
+      if ("checkInReady" in values) {
+        theUpdatedEvent = {
+          ...theUpdatedEvent,
+          checkInReady: values.checkInReady,
+        };
+      }
+
       updateRecurringEvent(theUpdatedEvent, eventID);
       setEventAlert("Event updated!")
       await setTimeout(() => {
@@ -149,6 +156,7 @@ const EditMeetingTimes = ({
           eventEndTime={selectedEvent.endTime}
           eventDuration={selectedEvent.duration}
           videoConferenceLink={selectedEvent.videoConferenceLink}
+          checkInReady={selectedEvent.checkInReady}
           formErrors={formErrors}
           handleEventUpdate={handleEventUpdate}
           handleEventDelete={handleEventDelete}

diff --git a/client/src/components/manageProjects/editProject.js b/client/src/components/manageProjects/editProject.js
@@ -36,7 +36,7 @@ const EditProject = ({
         recurringEvents
           // eslint-disable-next-line no-underscore-dangle
           .filter((e) => e?.project?._id === projectToEdit._id)
-          .map((item) => readableEvent(item))
+          .map((item) => ({...item, ...readableEvent(item)}))
           .sort((a, b) => a.dayOfTheWeekNumber - b.dayOfTheWeekNumber)
       );
     }
@@ -181,16 +181,7 @@ const EditProject = ({
         <ul>
           {rEvents.map((event) => (
             // eslint-disable-next-line no-underscore-dangle
-            <li key={`${event.event_id}`}>
-              <button type="button" onClick={() => setSelectedEvent(event)}>
-                <div>{event.name}</div>
-                <div className="event-list-details">
-                  {`${event.dayOfTheWeek}, ${event.startTime} - ${event.endTime}; ${event.eventType}`}
-                   <div className="edit-icon"><EditIcon /></div>
-                   </div>
-                <div className="event-list-description">{`${event.description}`}</div>
-              </button>
-            </li>
+            <RecurringEvent event={event} setSelectedEvent={setSelectedEvent} />
           ))}
         </ul>
       </div>
@@ -207,4 +198,21 @@ const EditProject = ({
   );
 };
 
+function RecurringEvent({event, setSelectedEvent}) {
+
+  return (
+    <li key={`${event.event_id}`}>
+      <button type="button" onClick={() => {console.log(event);setSelectedEvent(event)}}>
+        <div>{event.name}</div>
+        <div className="event-list-details">
+          {`${event.dayOfTheWeek}, ${event.startTime} - ${event.endTime}; ${event.eventType}`}
+          <div className="edit-icon"><EditIcon /></div>
+        </div>
+        <div className="event-list-description">{`Can uses check into this event now?: ${event.checkInReady ? "Yes" : "No"}`}</div>
+        <div className="event-list-description">{`${event.description}`}</div>
+      </button>
+    </li>
+  )
+}
+
 export default EditProject;
diff --git a/client/src/components/manageProjects/editableMeeting.js b/client/src/components/manageProjects/editableMeeting.js
@@ -15,6 +15,7 @@ const EditableMeeting = ({
   handleEventDelete,
   formErrors,
   videoConferenceLink = '',
+  checkInReady,
 }) => {
   // *** Initialization Station ***
   const initialUpdateFormValues = {
@@ -76,6 +77,13 @@ const EditableMeeting = ({
         >
           DELETE
         </button>
+        <button
+          type="button"
+          className="create-form-button"
+          onClick={handleEventUpdate(eventId, {checkInReady: !checkInReady})}
+        >
+          ToggleCheckIn({!checkInReady ? "Yes" : "No"})
+        </button>
       </div>
     </EventForm>
   );