// My submissions — fetches from hh_submissions filtered by recruiter_email const { useState: useStateSubs, useMemo: useMemoSubs } = React; function SubmissionsScreen({ submissions, submissionsLoading, jobs, onOpenJob }) { const { Badge, CompanyLogo, StatusDot, Avatar } = window.HH_P; const { IconArrowRight } = window.HH_ICONS; const { TopBar, Page } = window.HH_SHELL; const [tab, setTab] = useStateSubs("All"); const tabs = ["All", "Submitted", "Interviewing", "Hired", "Rejected"]; const jobById = useMemoSubs(() => Object.fromEntries((jobs || []).map(j => [j.id, j])), [jobs]); const counts = useMemoSubs(() => { const c = { All: submissions.length }; for (const t of tabs.slice(1)) c[t] = submissions.filter(s => s.status === t).length; return c; }, [submissions]); const filtered = tab === "All" ? submissions : submissions.filter(s => s.status === tab); const hiredCount = submissions.filter(s => s.status === "Hired").length; const earned = hiredCount * 10000; const activeCount = submissions.filter(s => s.status === "Submitted" || s.status === "Interviewing").length; const winRate = submissions.length > 0 ? Math.round((hiredCount / submissions.length) * 100) : 0; return (
{/* Stat cards */}
{/* Tabs */}
{tabs.map(t => ( ))}
{/* Table */}
Candidate
Role
Stage
Note
Submitted
Fee
{submissionsLoading ? ( Array.from({length: 5}).map((_, i) => (
)) ) : filtered.length === 0 ? (
{submissions.length === 0 ? "You haven't submitted any candidates yet." : "No candidates in this stage."}
) : ( filtered.map((s, i) => { const job = jobById[s.job_id] || {}; return ( job.id && onOpenJob(job.id)} isLast={i === filtered.length - 1} /> ); }) )}
); } function Stat({ label, value, hint, mono, accent }) { return (
{label}
{value}
{hint &&
{hint}
}
); } function SubmissionRow({ sub, job, onClick, isLast }) { const { Avatar, StatusDot, CompanyLogo } = window.HH_P; const { IconArrowRight } = window.HH_ICONS; const [hover, setHover] = useStateSubs(false); const statusMap = { Submitted: { dot: "blue" }, Interviewing: { dot: "warn" }, Hired: { dot: "accent" }, Rejected: { dot: "muted" }, }; const s = statusMap[sub.status] || statusMap.Submitted; const daysAgo = Math.floor((new Date() - new Date(sub.submitted_at)) / 86400000); return ( ); } window.HH_SUBMISSIONS = { SubmissionsScreen };