Staffing Partner Portal
{tabs.map(t => {
const on = active === t.key;
return (
);
})}
);
}
// --- Urgency helpers ---------------------------------------------------
function urgencyOf(daysLeft) {
if (daysLeft <= 3) return "critical";
if (daysLeft <= 7) return "high";
if (daysLeft <= 14) return "med";
return "low";
}
function urgencyLabel(u) {
return { critical: "Critical", high: "Urgent", med: "This month", low: "Later" }[u];
}
function urgencyColor(u) {
return { critical: "red", high: "yellow", med: "blue", low: "neutral" }[u];
}
// --- Recurring HCO badge (the "don't stop submitting" signal) ---------
function RecurringBadge({ recurring, size = "md" }) {
if (!recurring) return null;
const small = size === "sm";
return (
0 && pct < 100 ? "1.5px solid var(--neutral-100)" : "none",
}} />
);
}
// --- StatusDot (Accepting / Paused / Closed) --------------------------
function StatusPill({ status }) {
const map = {
"Accepting": { color: "green", icon: "check-circle" },
"Paused": { color: "yellow", icon: "pause-circle" },
"Closed": { color: "neutral", icon: "x-circle" },
};
const m = map[status] || map["Closed"];
return
{status};
}
// --- Days-left chip ----------------------------------------------------
function DaysLeft({ days }) {
const u = urgencyOf(days);
const bg = { critical: "var(--red-20)", high: "var(--yellow-20)", med: "var(--blue-20)", low: "var(--neutral-20)" }[u];
const fg = { critical: "var(--red-100)", high: "var(--yellow-100)", med: "var(--blue-100)", low: "var(--neutral-90)" }[u];
return (
{days === 1 ? "1 day left" : days < 0 ? `${Math.abs(days)}d overdue` : `${days} days left`}
);
}
// --- AgentChip ---------------------------------------------------------
function AgentChip({ agent, size = "sm" }) {
if (!agent) return null;
const small = size === "sm";
return (
{agent.name}
);
}
// --- SectionHeader -----------------------------------------------------
function SectionHeader({ eyebrow, title, sub, actions }) {
return (
{eyebrow &&
{eyebrow}
}
{title}
{sub &&
{sub}
}
{actions &&
{actions}
}
);
}
Object.assign(window, {
AGENCY, SPTopNav, RecurringBadge, HcoBar, StatusPill, DaysLeft, AgentChip, SectionHeader,
urgencyOf, urgencyLabel, urgencyColor,
});
})();