+ Please check your email and look for emails from + scheduler@topcoder.com. +
++ All interviewers will be able to select availability from there and + the system will help you select and book the time. +
++ You may manually select your available times from the email, or click + “View More Times” to see + expanded options, Additionally, you may click + “Overlay My Calendar” to + integrate with your calendar and allow the system to schedule based on + your calendar availability. +
++ If you have any issues with scheduling, please contact + talent@topcoder.com. +
+ +Interview Round {latestInterview.round}
+{latestInterview.status}
+{formatDate(latestInterview.startTimestamp)}
+ + ); +} + +LatestInterview.propTypes = { + interviews: PT.array, +}; + +export default LatestInterview; diff --git a/src/routes/PositionDetails/components/LatestInterview/styles.module.scss b/src/routes/PositionDetails/components/LatestInterview/styles.module.scss new file mode 100644 index 00000000..ab6df681 --- /dev/null +++ b/src/routes/PositionDetails/components/LatestInterview/styles.module.scss @@ -0,0 +1,8 @@ +.small { + font-size: 12px; +} + +.strong { + font-weight: bold; + margin-bottom: 8px; +} \ No newline at end of file diff --git a/src/routes/PositionDetails/components/PositionCandidates/index.jsx b/src/routes/PositionDetails/components/PositionCandidates/index.jsx index a6d87006..a84f42f7 100644 --- a/src/routes/PositionDetails/components/PositionCandidates/index.jsx +++ b/src/routes/PositionDetails/components/PositionCandidates/index.jsx @@ -26,6 +26,12 @@ import { toastr } from "react-redux-toastr"; import { getJobById } from "services/jobs"; import { PERMISSIONS } from "constants/permissions"; import { hasPermission } from "utils/permissions"; +import ActionsMenu from "components/ActionsMenu"; +import LatestInterview from "../LatestInterview"; +import InterviewDetailsPopup from "../InterviewDetailsPopup"; +import PreviousInterviewsPopup from "../PreviousInterviewsPopup"; +import InterviewConfirmPopup from "../InterviewConfirmPopup"; +import SelectCandidatePopup from "../SelectCandidatePopup"; /** * Generates a function to sort candidates @@ -59,11 +65,35 @@ const populateSkillsMatched = (position, candidate) => ({ }); const PositionCandidates = ({ position, statusFilterKey, updateCandidate }) => { + const [interviewDetailsOpen, setInterviewDetailsOpen] = useState(false); + const [prevInterviewsOpen, setPrevInterviewsOpen] = useState(false); + const [selectedCandidate, setSelectedCandidate] = useState(null); + const [interviewConfirmOpen, setInterviewConfirmOpen] = useState(false); + const [selectCandidateOpen, setSelectCandidateOpen] = useState(false); + const [isReject, setIsReject] = useState(false); + + const openInterviewDetailsPopup = (candidate) => { + setSelectedCandidate(candidate); + setInterviewDetailsOpen(true); + }; + + const openPrevInterviewsPopup = (candidate) => { + setSelectedCandidate(candidate); + setPrevInterviewsOpen(true); + }; + + const openSelectCandidatePopup = (candidate, isReject) => { + setSelectedCandidate(candidate); + isReject ? setIsReject(true) : setIsReject(false); + setSelectCandidateOpen(true); + }; + const { candidates } = position; const [sortBy, setSortBy] = useState(CANDIDATES_SORT_BY.SKILL_MATCHED); - const statusFilter = useMemo(() => - _.find(CANDIDATE_STATUS_FILTERS, { key: statusFilterKey }) - , [statusFilterKey]); + const statusFilter = useMemo( + () => _.find(CANDIDATE_STATUS_FILTERS, { key: statusFilterKey }), + [statusFilterKey] + ); const filteredCandidates = useMemo( () => @@ -112,17 +142,19 @@ const PositionCandidates = ({ position, statusFilterKey, updateCandidate }) => { const markCandidateShortlisted = useCallback( (candidateId) => { - updateCandidate(candidateId, { + return updateCandidate(candidateId, { status: CANDIDATE_STATUS.SHORTLIST, }) .then(() => { toastr.success("Candidate is marked as interested."); + setSelectCandidateOpen(false); }) .catch((error) => { toastr.error( "Failed to mark candidate as interested", error.toString() ); + setSelectCandidateOpen(false); }); }, [updateCandidate] @@ -130,120 +162,177 @@ const PositionCandidates = ({ position, statusFilterKey, updateCandidate }) => { const markCandidateRejected = useCallback( (candidateId) => { - updateCandidate(candidateId, { + return updateCandidate(candidateId, { status: CANDIDATE_STATUS.REJECTED, }) .then(() => { toastr.success("Candidate is marked as not interested."); + setSelectCandidateOpen(false); }) .catch((error) => { toastr.error( "Failed to mark candidate as not interested", error.toString() ); + setSelectCandidateOpen(false); }); }, [updateCandidate] ); return ( -+ {isReject + ? "Are you sure you want to decline the selected candidate?" + : "Please confirm your selection of the above candidate"} +
+ )} + + )} +