66 lines
2.5 KiB
JavaScript
66 lines
2.5 KiB
JavaScript
// Shared constants and pure helpers for the Dispatch page and its
|
|
// extracted sub-components (CompareDataPanel, etc.). Lives outside
|
|
// Dispatch.js so we don't create a circular import between the host
|
|
// component and the child views.
|
|
|
|
// Status palette — single source of truth for the status pill colors
|
|
// rendered on rider cards, order rows, step lists, and tooltips.
|
|
export const STATUS_STYLES = {
|
|
created: { label: 'Created', bg: '#3b82f6', fg: '#fff' },
|
|
pending: { label: 'Pending', bg: '#f59e0b', fg: '#fff' },
|
|
accepted: { label: 'Accepted', bg: '#8b5cf6', fg: '#fff' },
|
|
arrived: { label: 'Arrived', bg: '#ea580c', fg: '#fff' },
|
|
picked: { label: 'Picked', bg: '#0ea5e9', fg: '#fff' },
|
|
active: { label: 'Active', bg: '#0ea5e9', fg: '#fff' },
|
|
delivered: { label: 'Delivered', bg: '#22c55e', fg: '#fff' },
|
|
skipped: { label: 'Skipped', bg: '#94a3b8', fg: '#fff' },
|
|
cancelled: { label: 'Cancelled', bg: '#ef4444', fg: '#fff' }
|
|
};
|
|
|
|
export const getStatusStyle = (status) =>
|
|
STATUS_STYLES[String(status || '').toLowerCase()] || {
|
|
label: status || 'Unknown',
|
|
bg: '#64748b',
|
|
fg: '#fff'
|
|
};
|
|
|
|
// Order-status sets used for completion / skipped decisions across the
|
|
// rider list, the planned-route renderer, and the compare data panel.
|
|
export const FINAL_STATUSES = new Set(['delivered']);
|
|
export const SKIPPED_STATUSES = new Set(['cancelled', 'skipped']);
|
|
|
|
// Per-step palette — wider and more deliberately spaced than the rider
|
|
// palette so a 10-stop day reads as 10 distinct colors on the compare
|
|
// map's polylines + pins.
|
|
export const STEP_PALETTE = [
|
|
'#2563eb', // blue-600
|
|
'#dc2626', // red-600
|
|
'#16a34a', // green-600
|
|
'#ea580c', // orange-600
|
|
'#9333ea', // purple-600
|
|
'#0891b2', // cyan-600
|
|
'#ca8a04', // yellow-600
|
|
'#db2777', // pink-600
|
|
'#0f766e', // teal-700
|
|
'#7c3aed', // violet-600
|
|
'#65a30d', // lime-600
|
|
'#0284c7', // sky-600
|
|
'#b91c1c', // red-700
|
|
'#15803d', // green-700
|
|
'#a16207', // yellow-700
|
|
'#86198f' // fuchsia-800
|
|
];
|
|
|
|
export const stepColor = (i) =>
|
|
STEP_PALETTE[((i % STEP_PALETTE.length) + STEP_PALETTE.length) % STEP_PALETTE.length];
|
|
|
|
// Pure helper — converts 1, 2, 3, 21 → "1st", "2nd", "3rd", "21st". Used
|
|
// by the compare data panel for the route-sequence diff list ("Visited
|
|
// 4th · planned 2nd").
|
|
export const ordinal = (n) => {
|
|
if (n == null) return '';
|
|
const s = ['th', 'st', 'nd', 'rd'];
|
|
const v = n % 100;
|
|
return n + (s[(v - 20) % 10] || s[v] || s[0]);
|
|
};
|