{authUser ? authUser.full_name : currentViewer.name}
{authUser ? authUser.email : currentViewer.title}
{isRealAdmin && (
View as
{viewAsRoles.map(v => (
))}
)}
,
portalRootRef.current
)}
);
}
Object.assign(window, { useAtsToast, ViewerAvatarMenu });
// =================== Brand mark =================
function Mark({ size = 22 }) {
return (
{ if (query.trim().length >= 2) setOpen(true); }}
/>
{!open &&
⌘K}
{showDropdown && inputRect && ReactDOM.createPortal(
{results.length === 0 ? (
No candidates found
) : (
results.map((c, i) => (
))
)}
,
portalRef.current
)}
);
}
// =================== Top nav =====================
function TopNav({ activeTab = "Pipeline" }) {
const viewer = useViewer();
const isAdmin = viewer && viewer.role === "admin";
const tabs = isAdmin
? ["My candidates", "Pipeline", "Permissions"]
: ["My candidates", "Pipeline"];
const resolvedActive =
(activeTab === "Candidates" || activeTab === "All candidates")
? "Pipeline"
: activeTab;
const handleTabClick = (t) => {
if (typeof window.__atsNavigate === "function") {
if (t === "Pipeline") window.__atsNavigate("pipeline");
else if (t === "My candidates") window.__atsNavigate("my-candidates");
else if (t === "Permissions") window.__atsNavigate("settings");
}
};
return (
{editing ? (
setName(e.target.value)}
onBlur={commit}
onKeyDown={(e) => {
if (e.key === "Enter") commit();
else if (e.key === "Escape") { setName(saved.name); setEditing(false); }
}}
maxLength={48}
/>
) : (
)}
{menuOpen && (
)}
);
}
function timeAgo(iso) {
const s = Math.floor((Date.now() - new Date(iso).getTime()) / 1000);
if (s < 60) return "just now";
const m = Math.floor(s / 60);
if (m < 60) return m + "m ago";
const h = Math.floor(m / 60);
if (h < 24) return h + "h ago";
const d = Math.floor(h / 24);
return d + "d ago";
}
function JobSidebar({ activeJobId, onSelect, view, onViewSelect, savedViews, activeSavedViewId, onSavedViewRename, onSavedViewDelete }) {
const viewer = useViewer();
const isAdmin = viewer && viewer.role === "admin";
const [jobTick, setJobTick] = useState(0);
useEffect(() => {
const h = () => setJobTick(t => t + 1);
window.addEventListener("jobs-updated", h);
return () => window.removeEventListener("jobs-updated", h);
}, []);
const openJobs = JOBS.filter(j => j.status === "open" || j.status === "active");
const inactiveJobs = JOBS.filter(j => j.status !== "open" && j.status !== "active");
const [showInactive, setShowInactive] = useState(false);
const [newJobFlash, setNewJobFlash] = useState(false);
const [dropTarget, setDropTarget] = useState(null);
const [intStatus, setIntStatus] = useState(null);
const [tick, setTick] = useState(0);
const [retrying, setRetrying] = useState(false);
const loadStatus = () => fetchIntegrationStatus().then(d => { if (d) setIntStatus(d); });
useEffect(() => {
loadStatus();
const iv = setInterval(() => { loadStatus(); setTick(t => t + 1); }, 30000);
return () => clearInterval(iv);
}, []);
// Local active state — always tracked so clicks give visual feedback
// even when the parent screen doesn't (yet) re-render on selection.
const [localActive, setLocalActive] = useState(activeJobId);
const effectiveActive = localActive !== undefined ? localActive : activeJobId;
const handleSelect = (id) => {
setLocalActive(id);
if (onSelect) onSelect(id);
};
const filledLabel = (j) => {
if (j.status === "filled") return j.filledBy;
if (j.status === "paused") return j.pauseReason || "Paused";
return "Closed";
};
return (
);
}
Object.assign(window, {
Mark, Avatar, InitialDisc, StageChip, SourcePill, SearchBar, TopNav, JobSidebar
});
);
}
// =================== Avatar =====================
function Avatar({ src, name, size = 24, ring = false }) {
const initials = (name || "?")
.split(" ").map(s => s[0]).slice(0, 2).join("");
const [err, setErr] = useState(false);
const dim = { width: size, height: size, fontSize: Math.max(9, size * 0.42) };
if (!src || err) {
return (
{initials}
);
}
return (