From dd1c2862049648e48ce4120161a52748f0d50215 Mon Sep 17 00:00:00 2001
From: Cagdas U <cagdasugurlu01@gmail.com>
Date: Mon, 10 May 2021 10:17:51 +0300
Subject: [PATCH] feat(interview-scheduler): model updates based on updated
 schema

---
 .../components/InterviewDetailsPopup/index.jsx    | 15 +++++++++------
 .../components/PrevInterviewItem/index.jsx        | 10 ++++++----
 .../components/PreviousInterviewsPopup/index.jsx  |  3 ++-
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/routes/PositionDetails/components/InterviewDetailsPopup/index.jsx b/src/routes/PositionDetails/components/InterviewDetailsPopup/index.jsx
index 4a15c2c1..009860b8 100644
--- a/src/routes/PositionDetails/components/InterviewDetailsPopup/index.jsx
+++ b/src/routes/PositionDetails/components/InterviewDetailsPopup/index.jsx
@@ -57,13 +57,16 @@ function InterviewDetailsPopup({ open, onClose, candidate, openNext }) {
 
   const onSubmitCallback = useCallback(
     async (formData) => {
-      const attendeesList =
-        formData.emails?.filter(
-          (email) => typeof email === "string" && email.length > 0
-        ) || [];
+      const hostEmail = formData.emails[0];
+      const guestEmails =
+        formData.emails
+          .slice(1)
+          .filter((email) => typeof email === "string" && email.length > 0) ||
+        [];
       const interviewData = {
-        xaiTemplate: formData.time,
-        attendeesList,
+        templateUrl: formData.time,
+        hostEmail,
+        guestEmails,
       };
 
       try {
diff --git a/src/routes/PositionDetails/components/PrevInterviewItem/index.jsx b/src/routes/PositionDetails/components/PrevInterviewItem/index.jsx
index 727d56a0..58d6adc4 100644
--- a/src/routes/PositionDetails/components/PrevInterviewItem/index.jsx
+++ b/src/routes/PositionDetails/components/PrevInterviewItem/index.jsx
@@ -10,16 +10,17 @@ import Accordion from "components/Accordion";
 import "./styles.module.scss";
 
 function PrevInterviewItem(props) {
-  const { date, round, emails } = props;
+  const { date, round, hostEmail, guestEmails } = props;
 
   return (
     <Accordion
       title={`Interview Round ${round}`}
       subhead={formatDate(date)}
-      sidebar={`${emails.length} Attendees`}
+      sidebar={`${guestEmails.length + 1} Attendees`}
     >
       <ul>
-        {emails.map((email) => (
+        <li styleName="email">{hostEmail}</li>
+        {guestEmails.map((email) => (
           <li styleName="email">{email}</li>
         ))}
       </ul>
@@ -30,7 +31,8 @@ function PrevInterviewItem(props) {
 PrevInterviewItem.propTypes = {
   date: PT.string.isRequired,
   round: PT.number.isRequired,
-  emails: PT.arrayOf(PT.string).isRequired,
+  hostEmail: PT.string.isRequired,
+  guestEmails: PT.arrayOf(PT.string).isRequired,
 };
 
 export default PrevInterviewItem;
diff --git a/src/routes/PositionDetails/components/PreviousInterviewsPopup/index.jsx b/src/routes/PositionDetails/components/PreviousInterviewsPopup/index.jsx
index eb6aeed7..e857425a 100644
--- a/src/routes/PositionDetails/components/PreviousInterviewsPopup/index.jsx
+++ b/src/routes/PositionDetails/components/PreviousInterviewsPopup/index.jsx
@@ -24,7 +24,8 @@ function PreviousInterviewsPopup(props) {
         key={interview.id}
         round={interview.round}
         date={interview.startTimestamp}
-        emails={interview.attendeesList}
+        hostEmail={interview.hostEmail}
+        guestEmails={interview.guestEmails}
       />
     ));
   };