/* global React, Icon, Button, Chip, ScreenHeader, Panel, SectionLabel, AgentNote, FitBadge, TONES, TRACKER_STAGES, TRACKER_JOBS, TRACKER_INSIGHTS, NET_PROBES */
const { useState: useTrk } = React;
function ScrTracker({ onPrep, onPaths }) {
const [view, setView] = useTrk("board");
return (
{[["board", "grid"], ["list", "list"]].map(([k, ic]) => (
))}
}
/>
{/* Insights */}
{TRACKER_INSIGHTS.map((s, i) => (
))}
This week: your reply rate climbed 9 points. The roles where you led with a number got 3x the responses, I'm weighting your tailoring that way.
{view === "board" ? : }
);
}
function Board({ onPrep, onPaths }) {
return (
{TRACKER_STAGES.map(stage => {
const jobs = TRACKER_JOBS.filter(j => j.stage === stage);
return (
{stage}
{jobs.length}
{jobs.map(j =>
)}
{jobs.length === 0 && }
);
})}
{j.title}
{j.fit.toFixed(2)}
{j.co}
{j.next}
{j.source}
{probe && probe.hasPaths && }
{j.prep && }
);
};
function ListView({ onPrep, onPaths }) {
return (
RoleStageNext stepSourceFit
{TRACKER_JOBS.map((j, i) => (
{j.stage}
{j.next}
{NET_PROBES[j.co] && NET_PROBES[j.co].hasPaths && }
{j.prep && }
{j.source}
{j.fit.toFixed(2)}
))}
);
}
window.ScrTracker = ScrTracker;