fix start/end available time api format

Author: maxceem

src/routes/PositionDetails/components/InterviewPopup/Confirm/index.jsx

@@ -34,11 +34,7 @@ const Confirm = ({
     const params = {
       timezone: scheduleDetails.timezone,
       duration: scheduleDetails.duration,
-      availableTime: scheduleDetails.slots.map((slot) => ({
-        ...slot,
-        end: `${slot.end}:00`,
-        start: `${slot.start}:00`,
-      })),
+      availableTime: scheduleDetails.slots,
     };
     onShowingLoader(true);
 

src/routes/PositionDetails/components/InterviewPopup/ManageAvailability/index.jsx

@@ -17,6 +17,7 @@ import IconDelete from "../../../../../assets/images/icon-delete-slot.svg";
 import IconPlus from "../../../../../assets/images/icon-plus.svg";
 import "./styles.module.scss";
 import Button from "components/Button";
+import { formatAs2Digits } from "utils/format";
 
 /**
  * This component lets user to choose the availability of the interview candidate
@@ -47,7 +48,7 @@ const ManageAvailability = ({ scheduleDetails, onContinue }) => {
             currentVal < 12
               ? `${!currentVal ? 12 : currentVal}:00`
               : `${Math.abs((currentVal === 12 ? 0 : currentVal) - 12)}:00`,
-          time24HourFormat: currentVal + 1,
+          time24HourFormat: `${formatAs2Digits(currentVal + 1)}:00`,
           suffix: currentVal < 12 ? "AM" : "PM",
         },
       ],

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

@@ -59,14 +59,7 @@ const InterviewPopup = ({
 
   const prepareSlots = (userSettings) => ({
     timezone: userSettings.defaultTimezone,
-    slots:
-      (userSettings.defaultAvailableTime &&
-        userSettings.defaultAvailableTime.map((item) => ({
-          days: item.days,
-          end: parseInt(item.end.split(":")[0]),
-          start: parseInt(item.start.split(":")[0]),
-        }))) ||
-      [],
+    slots: userSettings.defaultAvailableTime || []
   });
 
   /**

src/services/interviews.js

@@ -2,9 +2,7 @@ import { axiosInstance as axios } from "./requestInterceptor";
 import config from "../../config";
 
 export const getUserSettings = (userId) => {
-  return axios.get(
-    `${config.API.V5}/taas/user-meeting-settings/${userId}`
-  );
+  return axios.get(`${config.API.V5}/taas/user-meeting-settings/${userId}`);
 };
 
 export const deleteCalendar = (userId, calendarId) => {

src/utils/format.js

@@ -360,3 +360,21 @@ export const formatWorkTime = (time) => {
 export const formatInviteTime = (time) => {
   return moment(time).format("MMM D, YY");
 };
+
+/**
+ * Format number as 2 digits:
+ *  7 -> 07
+ * 07 -> 07
+ *
+ * @param {number|string} value 1 or 2 digits number to format
+ * @returns {string} formatted 2-digits number
+ */
+export const formatAs2Digits = (number) => {
+  const str = number.toString();
+
+  if (str.length < 2) {
+    return "0" + str;
+  }
+
+  return str;
+};