@@ -301,6 +330,10 @@ function AppLayout({ onLogout }: { onLogout: () => void }) {
} />
} />
} />
+ } />
+ } />
+ } />
+ } />
} />
@@ -458,6 +491,7 @@ function JobDetailPage() {
const [job, setJob] = useState()
const [matches, setMatches] = useState([])
const [invitations, setInvitations] = useState([])
+ const [scheduledInterviews, setScheduledInterviews] = useState([])
const [loading, setLoading] = useState(true)
const [error, setError] = useState('')
const [tab, setTab] = useState<'overview' | 'questions' | 'candidates' | 'invitations'>(
@@ -468,14 +502,16 @@ function JobDetailPage() {
setLoading(true)
setError('')
try {
- const [jobValue, candidates, invitationItems] = await Promise.all([
+ const [jobValue, candidates, invitationItems, scheduledItems] = await Promise.all([
api.jobs.get(id),
api.jobs.candidates(id),
api.jobs.invitations(id),
+ api.jobs.interviews(id),
])
setJob(jobValue)
setMatches(candidates)
setInvitations(invitationItems)
+ setScheduledInterviews(scheduledItems)
} catch (requestError) {
setError(errorMessage(requestError))
} finally {
@@ -484,12 +520,18 @@ function JobDetailPage() {
}
useEffect(() => {
let active = true
- void Promise.all([api.jobs.get(id), api.jobs.candidates(id), api.jobs.invitations(id)])
- .then(([jobValue, candidates, invitationItems]) => {
+ void Promise.all([
+ api.jobs.get(id),
+ api.jobs.candidates(id),
+ api.jobs.invitations(id),
+ api.jobs.interviews(id),
+ ])
+ .then(([jobValue, candidates, invitationItems, scheduledItems]) => {
if (!active) return
setJob(jobValue)
setMatches(candidates)
setInvitations(invitationItems)
+ setScheduledInterviews(scheduledItems)
})
.catch((requestError: unknown) => {
if (active) setError(errorMessage(requestError))
@@ -563,7 +605,14 @@ function JobDetailPage() {
job={job}
matches={matches}
invitations={invitations}
+ scheduledInterviews={scheduledInterviews}
onInvited={(invitation) => setInvitations((current) => [invitation, ...current])}
+ onInvitationUpdated={(invitation) =>
+ setInvitations((current) =>
+ current.map((item) => (item.id === invitation.id ? invitation : item)),
+ )
+ }
+ onScheduled={(interview) => setScheduledInterviews((current) => [interview, ...current])}
/>
)}
@@ -752,17 +801,24 @@ function InvitationsView({
job,
matches,
invitations,
+ scheduledInterviews,
onInvited,
+ onInvitationUpdated,
+ onScheduled,
}: {
job: Job
matches: CandidateMatch[]
invitations: Invitation[]
+ scheduledInterviews: ScheduledInterview[]
onInvited: (invitation: Invitation) => void
+ onInvitationUpdated: (invitation: Invitation) => void
+ onScheduled: (interview: ScheduledInterview) => void
}) {
const [sendingId, setSendingId] = useState()
const [review, setReview] = useState()
const [reviewingId, setReviewingId] = useState()
const [error, setError] = useState('')
+ const [scheduling, setScheduling] = useState()
const invitedIds = new Set(invitations.map((invitation) => invitation.participantId))
const eligible = matches.filter((match) => !invitedIds.has(match.participant.id))
@@ -863,7 +919,62 @@ function InvitationsView({
)}
- {review &&
setReview(undefined)} />}
+ {review && (
+ setReview(undefined)}
+ onOutcome={(invitation) => {
+ onInvitationUpdated(invitation)
+ setReview((current) => current && { ...current, invitation })
+ }}
+ />
+ )}
+ {scheduling && (
+ setScheduling(undefined)}
+ onCreated={(interview) => {
+ onScheduled(interview)
+ setScheduling(undefined)
+ }}
+ />
+ )}
+
+ {invitations
+ .filter((invitation) => invitation.outcome === 'passed')
+ .filter(
+ (invitation) =>
+ !scheduledInterviews.some(
+ (interview) => interview.participantId === invitation.participantId,
+ ),
+ )
+ .map((invitation) => (
+
+ ))}
+ {scheduledInterviews.map((interview) => (
+
+
+ {interview.participantName}
+
+ {new Date(interview.startsAt).toLocaleString()} · {interview.location}
+
+
+
+
+ ))}
+
)
}
@@ -871,10 +982,32 @@ function InvitationsView({
function InvitationAnswerReview({
interview,
onClose,
+ onOutcome,
}: {
interview: Interview
onClose: () => void
+ onOutcome: (invitation: Invitation) => void
}) {
+ const [saving, setSaving] = useState(false)
+ const [error, setError] = useState('')
+
+ async function decide(outcome: 'passed' | 'failed') {
+ setSaving(true)
+ setError('')
+ try {
+ onOutcome(
+ await api.jobs.setInvitationOutcome(
+ interview.invitation.jobId,
+ interview.invitation.id,
+ outcome,
+ ),
+ )
+ } catch (requestError) {
+ setError(errorMessage(requestError))
+ } finally {
+ setSaving(false)
+ }
+ }
return (
@@ -883,6 +1016,32 @@ function InvitationAnswerReview({
{interview.invitation.participantName}
{interview.invitation.participantEmail}
+
+
Assessment decision
+
Record whether this candidate should proceed to a scheduled interview.
+
+
+
+ {interview.invitation.outcome &&
}
+