ilia/Jobber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more granular messages

Browse Source
This commit is contained in:
DaKheera47 2026-01-20 22:51:36 +00:00
parent 158e4b108b
commit 06d25b63a2
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
orchestrator/src/client/components/JobHeader.tsx
View File

@ -108,26 +108,32 @@ const SponsorPill: React.FC<SponsorPillProps> = ({ score, names, onCheck }) => {
return null; return null;
} }
const canSponsor = score >= 95; const getStatus = (s: number) => {
const label = canSponsor ? "Can Sponsor" : "Unsure if Sponsor"; if (s >= 95) return { label: "Confirmed Sponsor", dot: "bg-emerald-500", color: "text-emerald-400" };
const dotClass = canSponsor ? "bg-emerald-500" : "bg-slate-500"; if (s >= 80) return { label: "Potential Sponsor", dot: "bg-amber-500", color: "text-amber-400" };
const tooltipContent = canSponsor return { label: "Sponsor Not Found", dot: "bg-slate-500", color: "text-slate-400" };
? `${score}% match` };
: `Closest: ${parsedNames.join(", ")} (${score}% match)`;
const status = getStatus(score);
const tooltipContent = `${score}% match${parsedNames.length > 0 ? `: ${parsedNames.join(", ")}` : ""}`;
return ( return (
<TooltipProvider> <TooltipProvider>
<Tooltip delayDuration={0}> <Tooltip delayDuration={0}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<span className="inline-flex items-center gap-1.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground/80 cursor-help"> <span className="inline-flex items-center gap-1.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground/80 cursor-help">
<span className={cn("h-1.5 w-1.5 rounded-full opacity-80", dotClass)} /> <span className={cn("h-1.5 w-1.5 rounded-full opacity-80", status.dot)} />
{label} {status.label}
</span> </span>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="top" className="max-w-xs"> <TooltipContent side="top" className="max-w-xs">
{canSponsor && <p className="text-xs font-medium">{parsedNames.join(", ")}</p>} {parsedNames.length > 0 && (
{!canSponsor && <p className="text-xs font-medium">Unsure if sponsor</p>} <p className="text-xs font-medium space-x-1">
<p className="opacity-80 mt-1 text-xs">{tooltipContent}</p> <span className="opacity-70">Matched:</span>
<span>{parsedNames.join(", ")}</span>
</p>
)}
<p className="opacity-80 mt-1 text-[10px]">{tooltipContent}</p>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>