hotel-manage-stack/rates
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

Market View: honest staleness per cell after partial scrapes

Browse source 
- matrix response gains last_scraped per date (max scraped_at across all
  hotels), so column headers show the newest scrape touching the date even
  when the visible hotels were on a failed page
- cells >1h older than the column's latest scrape render italic with *
- every cell tooltip now includes the datestamp the price was scraped

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
jtricerolph 2026-07-05 15:46:59 +00:00
parent 218b2f45f6
commit bf9425ee7e
2 changed files with 38 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

24
frontend/src/pages/MarketView.tsx
View file

@ -69,6 +69,7 @@ interface RateMatrixResponse {
from_date: string
to_date: string
dates: string[]
last_scraped?: Record<string, string | null>
hotels: {
id: number
name: string
@ -1045,11 +1046,14 @@ const RateMatrixTab: React.FC = () => {
})
}, [data?.hotels])
// Compute latest scraped_at per date column across all hotels
// Latest scrape touching each date column, across ALL hotels (the backend
// map covers hotels outside the matrix too — a partial scrape can refresh
// a date without touching the displayed hotels). Fallback: compute from
// the visible cells.
const scrapedAtByDate = useMemo(() => {
const result: Record<string, string | null> = {}
for (const d of dates) {
let latest: string | null = null
let latest: string | null = data?.last_scraped?.[d] ?? null
for (const hotel of hotels) {
const rate = (rates[hotel.id] || {})[d]
if (rate?.scraped_at) {
@ -1061,7 +1065,7 @@ const RateMatrixTab: React.FC = () => {
result[d] = latest
}
return result
}, [dates, hotels, rates])
}, [dates, hotels, rates, data?.last_scraped])
// Own hotel rate by date (first 'own' tier hotel)
const ownRateByDate = useMemo(() => {
@ -1291,11 +1295,19 @@ const RateMatrixTab: React.FC = () => {
}
}
// Stale = this cell wasn't touched by the column's most
// recent scrape (e.g. the hotel was on a page that failed)
const colLatest = scrapedAtByDate[d]
const isStale = !!(rate?.scraped_at && colLatest &&
new Date(colLatest).getTime() - new Date(rate.scraped_at).getTime() > 60 * 60 * 1000)
const tooltip = rate ? [
rate.room_type,
rate.breakfast_included ? 'Breakfast incl.' : null,
rate.free_cancellation ? 'Free cancel' : null,
rate.rooms_left ? `${rate.rooms_left} left` : null,
rate.scraped_at ? `Scraped: ${new Date(rate.scraped_at).toLocaleString('en-GB', { day: '2-digit', month: 'short', hour: '2-digit', minute: '2-digit' })}` : null,
isStale ? 'Not updated in latest scrape' : null,
].filter(Boolean).join(' | ') : ''
// Build booking.com link: strip existing date/guest params, add ours
@ -1319,11 +1331,12 @@ const RateMatrixTab: React.FC = () => {
}
}
const staleMark = isStale ? '*' : ''
const rawContent = rate ? (
isAvailable && rate.rate_gross
? formatCurrency(rate.rate_gross)
? formatCurrency(rate.rate_gross) + staleMark
: isSoldOut
? 'Sold'
? 'Sold' + staleMark
: '-'
) : ''
@ -1353,6 +1366,7 @@ const RateMatrixTab: React.FC = () => {
style={mergeStyles(
styles.matrixTd,
cellStyle,
isStale ? { fontStyle: 'italic' } : {},
isWeekend(d) ? styles.weekendCell : {},
isRowH || isColH ? styles.crosshairHighlight : {},
isCellH ? styles.crosshairCell : {}