Claude
93852c2602
Verifying the rendered pages rather than the build turned up real bugs: - The WP-00 health page still sat at src/app/page.tsx and silently won the route over the new Aperçu screen, so the home page was a database status readout. Moved to /api/sante, where a probe belongs, and wired into the compose healthcheck. - The unassigned row showed a +14 h delta against a contract of zero, reading as an overshoot when it is simply the volume left to staff. It now shows what there is to fill. - Two sidebar entries lit at once: an anchor link matched its own page, and /equipe matched an employee record. Highlighting now resolves to the most specific match, and a test asserts exactly one entry lights per screen. - Section tabs with no built screen pointed at the home page, which reads as a broken tab. They now lead to their first entry's placeholder. Also gives truncated compliance alerts a title attribute, so a narrow cell no longer says there is a problem without saying which. Playwright can reuse a preinstalled browser through PLAYWRIGHT_CHROMIUM_PATH when its revision differs from the bundled one. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Cr9dkEHwbDgkWPnyGj1Rjv
88 lines
2.6 KiB
TypeScript
88 lines
2.6 KiB
TypeScript
import type { DeltaTone, WeekCountersView } from '@/domain/counters/week';
|
|
import { cx } from '@/lib/cx';
|
|
|
|
const DELTA_TONES: Record<DeltaTone, string> = {
|
|
flat: 'text-ink-1',
|
|
over: 'bg-warn-soft text-warn-soft-ink',
|
|
under: 'bg-danger-soft text-danger-soft-ink',
|
|
none: 'text-ink-3',
|
|
};
|
|
|
|
export interface CounterStripProps {
|
|
counters: WeekCountersView;
|
|
/** Vrai si le contrat est au forfait jours : pas de comparaison horaire. */
|
|
forfaitJours?: boolean;
|
|
/** Ligne des besoins sans titulaire : il n'y a pas de contrat à comparer. */
|
|
unassigned?: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
function Cell({ label, value }: { label: string; value: string }) {
|
|
return (
|
|
<span className="flex items-baseline gap-1">
|
|
<span className="text-ink-3">{label}</span>
|
|
<span className="tnum text-ink-2">{value}</span>
|
|
</span>
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Les cinq compteurs d'une ligne salarié : contrat, planifié, absences, écart,
|
|
* dimanches et repos. Rendus depuis `computeWeekCounters`, jamais recalculés
|
|
* localement.
|
|
*/
|
|
export function CounterStrip({
|
|
counters,
|
|
forfaitJours = false,
|
|
unassigned = false,
|
|
className,
|
|
}: CounterStripProps) {
|
|
// Un besoin non couvert n'a pas de contrat : afficher un écart le compare à
|
|
// zéro et fait lire « +14 h » comme un dépassement, alors que c'est
|
|
// simplement le volume à pourvoir.
|
|
if (unassigned) {
|
|
return (
|
|
<div className={cx('flex items-center gap-2 text-micro', className)}>
|
|
<span className="text-ink-3">À pourvoir</span>
|
|
<span className="tnum font-semibold text-ink-2">
|
|
{counters.plannedLabel}
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (forfaitJours) {
|
|
return (
|
|
<div className={cx('flex items-center gap-2 text-micro', className)}>
|
|
<span className="rounded-full bg-accent-soft px-1.5 py-px font-medium text-accent-soft-ink">
|
|
Forfait jours
|
|
</span>
|
|
<Cell label="Rep." value={String(counters.restDays)} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div
|
|
className={cx('flex flex-wrap items-center gap-x-2 gap-y-px text-micro', className)}
|
|
>
|
|
<Cell label="Contr." value={counters.contractLabel} />
|
|
<span aria-hidden className="text-line-3">
|
|
·
|
|
</span>
|
|
<Cell label="Planif." value={counters.plannedLabel} />
|
|
<span
|
|
className={cx(
|
|
'tnum rounded-full px-1.5 py-px font-semibold',
|
|
DELTA_TONES[counters.tone],
|
|
)}
|
|
title="Écart au contrat"
|
|
>
|
|
{counters.deltaLabel}
|
|
</span>
|
|
<Cell label="Dim." value={String(counters.sundaysWorked)} />
|
|
<Cell label="Rep." value={String(counters.restDays)} />
|
|
</div>
|
|
);
|
|
}
|