Merge pull request #263 from topcoder-platform/dev

Interview scheduler

Author: urwithat

src/routes/PositionDetails/components/InterviewConfirmPopup/index.jsx

@@ -28,7 +28,7 @@ function InterviewConfirmPopup({ open, onClose }) {
         <p>
           You may manually select your available times from the email, or click
           <span styleName="highlighted"> “View More Times”</span> to see
-          expanded options, Additionally, you may click
+          expanded options, additionally, you may click
           <span styleName="highlighted"> “Overlay My Calendar”</span> to
           integrate with your calendar and allow the system to schedule based on
           your calendar availability.

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 {
@@ -222,7 +225,7 @@ function InterviewDetailsPopup({ open, onClose, candidate, openNext }) {
             <div styleName="bottom">
               <p styleName="modal-text">
                 Selecting “Begin Scheduling” will initiate emails to all
-                attendees to coordinate availabiltiy. Please check your email to
+                attendees to coordinate availability. Please check your email to
                 input your availability.
               </p>
             </div>

src/routes/PositionDetails/components/PositionCandidates/index.jsx

@@ -146,7 +146,7 @@ const PositionCandidates = ({ position, statusFilterKey, updateCandidate }) => {
         status: CANDIDATE_STATUS.SELECTED,
       })
         .then(() => {
-          toastr.success("Candidate is marked as interested.");
+          toastr.success("Candidate is marked as selected.");
           setSelectCandidateOpen(false);
         })
         .catch((error) => {
@@ -170,7 +170,7 @@ const PositionCandidates = ({ position, statusFilterKey, updateCandidate }) => {
           : CANDIDATE_STATUS.CLIENT_REJECTED_SCREENING,
       })
         .then(() => {
-          toastr.success("Candidate is marked as not interested.");
+          toastr.success("Candidate is marked as declined.");
           setSelectCandidateOpen(false);
         })
         .catch((error) => {

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} Attendee(s)`}
     >
       <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;

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}
       />
     ));
   };