From 60fdda8129dc38f3d69582e739dbd99dbcd2ea38 Mon Sep 17 00:00:00 2001 From: jtricerolph Date: Sun, 12 Jul 2026 13:42:36 +0000 Subject: [PATCH] Use linear interpolation in bookability history charts MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Remove shape:'hv' step interpolation from rate and occupancy traces — defaults to diagonal lines matching the market view history graphs. Also fixes CSS var() used as a Plotly colour (invalid, replaced with hex). Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/pages/Bookability.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/pages/Bookability.tsx b/frontend/src/pages/Bookability.tsx index 9b7a83e..5366474 100644 --- a/frontend/src/pages/Bookability.tsx +++ b/frontend/src/pages/Bookability.tsx @@ -1180,7 +1180,7 @@ function OccHistoryModal({ target, onClose }: { target: HistoryTarget; onClose: type: 'scatter' as const, mode: 'lines+markers' as const, name, - line: { color: TRACE_COLORS[i % TRACE_COLORS.length], shape: 'hv' as const, width: 2 }, + line: { color: TRACE_COLORS[i % TRACE_COLORS.length], width: 2 }, marker: { size: 8, color: pts.map(p => p.t!.available ? '#16a34a' : '#dc2626'), @@ -1202,7 +1202,7 @@ function OccHistoryModal({ target, onClose }: { target: HistoryTarget; onClose: name: 'Occupancy %', fill: 'tozeroy' as const, fillcolor: 'rgba(201,168,76,0.12)', - line: { color: 'var(--gold, #c9a84c)', shape: 'hv' as const, width: 2 }, + line: { color: '#c9a84c', width: 2 }, marker: { size: 5, color: '#c9a84c' }, } }, [occData])