feat: Support direct links to the Job Candidates tabs.

resolves topcoder-archive#391

Author: mbaghel

src/constants/index.js

@@ -133,20 +133,23 @@ export const CANDIDATE_STATUS_FILTERS = [
     title: "Candidates to Review",
     noCandidateMessage: "No Candidates To Review",
     statuses: [CANDIDATE_STATUS.OPEN],
+    urlParam: "to-review",
   },
   {
     key: CANDIDATE_STATUS_FILTER_KEY.INTERESTED,
     buttonText: "Interviews",
     title: "Interviews",
     noCandidateMessage: "No Interviews",
     statuses: [CANDIDATE_STATUS.INTERVIEW],
+    urlParam: "interviews",
   },
   {
     key: CANDIDATE_STATUS_FILTER_KEY.SELECTED,
     buttonText: "Selected",
     title: "Selected",
     noCandidateMessage: "No Selected Candidates",
     statuses: [CANDIDATE_STATUS.SELECTED, CANDIDATE_STATUS.OFFERED],
+    urlParam: "selected",
   },
   {
     key: CANDIDATE_STATUS_FILTER_KEY.NOT_INTERESTED,
@@ -160,6 +163,7 @@ export const CANDIDATE_STATUS_FILTERS = [
       CANDIDATE_STATUS.TOPCODER_REJECTED,
       CANDIDATE_STATUS.JOB_CLOSED,
     ],
+    urlParam: "declined",
   },
 ];
 

src/root.component.jsx

@@ -32,7 +32,7 @@ export default function Root() {
           <JobForm path="/taas/myteams/:teamId/positions/new" />
           <ResourceBookingDetails path="/taas/myteams/:teamId/rb/:resourceBookingId" />
           <ResourceBookingForm path="/taas/myteams/:teamId/rb/:resourceBookingId/edit" />
-          <PositionDetails path="/taas/myteams/:teamId/positions/:positionId/candidates" />
+          <PositionDetails path="/taas/myteams/:teamId/positions/:positionId/candidates/*candidateStatus" />
           <TeamAccess path="/taas/myteams/:teamId/access" />
           <CreateNewTeam path="/taas/createnewteam">
             <CreateTeamLanding path="/" />

src/routes/PositionDetails/index.jsx

@@ -22,7 +22,12 @@ const inReviewStatusFilter = _.find(CANDIDATE_STATUS_FILTERS, {
   key: CANDIDATE_STATUS_FILTER_KEY.TO_REVIEW,
 });
 
-const PositionDetails = ({ teamId, positionId }) => {
+const getKeyFromParam = (urlParam) => {
+  const filter = _.find(CANDIDATE_STATUS_FILTERS, { urlParam });
+  return filter?.key || undefined;
+}
+
+const PositionDetails = ({ teamId, positionId, candidateStatus }) => {
   // by default show "interested" tab
   const [candidateStatusFilterKey, setCandidateStatusFilterKey] = useState(
     CANDIDATE_STATUS_FILTER_KEY.INTERESTED
@@ -41,15 +46,18 @@ const PositionDetails = ({ teamId, positionId }) => {
 
   // if there are some candidates to review, then show "To Review" tab by default
   useEffect(() => {
-    if (
-      position &&
-      _.filter(position.candidates, (candidate) =>
+    if (position) {
+      const key = getKeyFromParam(candidateStatus);
+      if (key) {
+        setCandidateStatusFilterKey(key);
+      } else if (_.filter(position.candidates, (candidate) =>
         inReviewStatusFilter.statuses.includes(candidate.status)
-      ).length > 0
-    ) {
-      setCandidateStatusFilterKey(CANDIDATE_STATUS_FILTER_KEY.TO_REVIEW);
+        ).length > 0
+      ) {
+        setCandidateStatusFilterKey(CANDIDATE_STATUS_FILTER_KEY.TO_REVIEW);
+      }
     }
-  }, [position]);
+  }, [position, candidateStatus]);
 
   return (
     <Page title="Job Details">