diff --git a/src/components/BaseModal/index.jsx b/src/components/BaseModal/index.jsx
index e0bf5a83..91950b2f 100644
--- a/src/components/BaseModal/index.jsx
+++ b/src/components/BaseModal/index.jsx
@@ -21,6 +21,7 @@ const modalStyle = {
maxWidth: "640px",
width: "100%",
margin: 0,
+ "overflow-x": "hidden",
};
const containerStyle = {
diff --git a/src/constants/index.js b/src/constants/index.js
index 7cd2c580..fa899de3 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -111,6 +111,7 @@ export const CANDIDATE_STATUS = {
export const CANDIDATE_STATUS_FILTER_KEY = {
TO_REVIEW: "TO_REVIEW",
INTERESTED: "INTERESTED",
+ SELECTED: "SELECTED",
NOT_INTERESTED: "NOT_INTERESTED",
};
@@ -128,7 +129,13 @@ export const CANDIDATE_STATUS_FILTERS = [
key: CANDIDATE_STATUS_FILTER_KEY.INTERESTED,
buttonText: "Interviews",
title: "Interviews",
- statuses: [CANDIDATE_STATUS.SELECTED, CANDIDATE_STATUS.INTERVIEW],
+ statuses: [CANDIDATE_STATUS.INTERVIEW],
+ },
+ {
+ key: CANDIDATE_STATUS_FILTER_KEY.SELECTED,
+ buttonText: "Selected",
+ title: "Selected",
+ statuses: [CANDIDATE_STATUS.SELECTED],
},
{
key: CANDIDATE_STATUS_FILTER_KEY.NOT_INTERESTED,
@@ -320,3 +327,5 @@ export const DISABLED_DESCRIPTION_MESSAGE =
*/
export const INTERVIEW_POPUP_MEDIA_URL =
"http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
+
+export const MAX_ALLOWED_INTERVIEWS = 3;
diff --git a/src/routes/PositionDetails/components/InterviewDetailsPopup/index.jsx b/src/routes/PositionDetails/components/InterviewDetailsPopup/index.jsx
index e7a6d363..4a15c2c1 100644
--- a/src/routes/PositionDetails/components/InterviewDetailsPopup/index.jsx
+++ b/src/routes/PositionDetails/components/InterviewDetailsPopup/index.jsx
@@ -16,7 +16,7 @@ import User from "components/User";
import BaseModal from "components/BaseModal";
import FormField from "components/FormField";
import Button from "components/Button";
-import { FORM_FIELD_TYPE } from "constants";
+import { FORM_FIELD_TYPE, MAX_ALLOWED_INTERVIEWS } from "constants";
import "./styles.module.scss";
import RadioFieldGroup from "components/RadioFieldGroup";
@@ -76,6 +76,23 @@ function InterviewDetailsPopup({ open, onClose, candidate, openNext }) {
[dispatch, candidate]
);
+ // show the warning if exceeds MAX_ALLOWED_INTERVIEW
+ if (
+ candidate &&
+ candidate.interviews &&
+ candidate.interviews.length >= MAX_ALLOWED_INTERVIEWS
+ ) {
+ return (
+
+ You've reached the cap of {MAX_ALLOWED_INTERVIEWS} interviews with
+ this candidate. Now please make your decision to Select and Decline
+ them.
+
+ You may have as many as {MAX_ALLOWED_INTERVIEWS} interviews + with each candidate for the job. +