Matt
221ae5784e
Bundles the prior autonomous-session output that was sitting unstaged: - Em-dash sweep across src/ + tests/ (en-dash/em-dash to hyphen, ~2280 instances) - country-flag-icons rollout (CountryFlag component, replaces emoji glyphs that never rendered on Windows; lazy-loads the 3x2 SVG index as a single chunk after the per-subpath dynamic-import approach silently failed in webpack) - Admin IA Phase 1+2: 7-domain regroup, 41 to 38 pages, /admin/berths index, redirects (ocr to ai, reports to dashboard, invitations to users), docs/admin-ia-proposal.md - Per-template email tester (registry + endpoint + UI on Email admin page) - Cancel-document mode picker (delete-from-Documenso vs keep-for-audit) - Dashboard PDF report: 25 widgets, SVG charts, date-range picker, 11 resolvers - Customize-widgets per-region sortables at xl+ (charts/rails/feed); single flat sortable below xl when the layout stacks; per-viewport saved orders - Audit doc updates capturing each shipped item - Lint fixes: react-compiler immutability in DonutChart (reduce instead of let-reassign), set-state-in-effect disables in CountryFlag and UploadForSigning preview-bytes effect, unused 'confirm' destructures in interest contract + reservation tabs, unescaped apostrophe in test-template card copy
51 lines
1.7 KiB
TypeScript
51 lines
1.7 KiB
TypeScript
/**
|
|
* Maps a berth's mooring-letter prefix (A, B, C…) to a subtle visual
|
|
* accent. Pontoons cluster physically - A row is one dock, B another
|
|
* - so the berth grid reads at a glance when each pontoon's rows
|
|
* share a colour cue. Earlier iteration tinted the entire row
|
|
* background; that proved visually noisy. This version keeps rows
|
|
* white and surfaces the colour as a coloured left border, plus a
|
|
* matching dot the column factory uses inside the Mooring # cell.
|
|
*
|
|
* Cycle wraps at the 8th letter; ports with more pontoons get
|
|
* repeats (fine in practice - they don't sit adjacent on the page).
|
|
*/
|
|
const BORDER_CYCLE = [
|
|
'border-l-4 border-l-rose-400',
|
|
'border-l-4 border-l-amber-400',
|
|
'border-l-4 border-l-emerald-400',
|
|
'border-l-4 border-l-sky-400',
|
|
'border-l-4 border-l-violet-400',
|
|
'border-l-4 border-l-orange-400',
|
|
'border-l-4 border-l-teal-400',
|
|
'border-l-4 border-l-fuchsia-400',
|
|
] as const;
|
|
|
|
const DOT_CYCLE = [
|
|
'bg-rose-400',
|
|
'bg-amber-400',
|
|
'bg-emerald-400',
|
|
'bg-sky-400',
|
|
'bg-violet-400',
|
|
'bg-orange-400',
|
|
'bg-teal-400',
|
|
'bg-fuchsia-400',
|
|
] as const;
|
|
|
|
function indexFor(mooringNumber: string | null | undefined): number | null {
|
|
if (!mooringNumber) return null;
|
|
const letter = mooringNumber.charAt(0).toUpperCase();
|
|
if (letter < 'A' || letter > 'Z') return null;
|
|
return (letter.charCodeAt(0) - 'A'.charCodeAt(0)) % BORDER_CYCLE.length;
|
|
}
|
|
|
|
export function mooringLetterTone(mooringNumber: string | null | undefined): string | undefined {
|
|
const i = indexFor(mooringNumber);
|
|
return i === null ? undefined : BORDER_CYCLE[i];
|
|
}
|
|
|
|
export function mooringLetterDot(mooringNumber: string | null | undefined): string | undefined {
|
|
const i = indexFor(mooringNumber);
|
|
return i === null ? undefined : DOT_CYCLE[i];
|
|
}
|