Fix tick box table updates
This commit is contained in:
fraxle
2026-05-25 00:47:20 +01:00
parent 8aee90a56f
commit 4e0f5963fc
3 changed files with 5 additions and 3 deletions
+1 -1
View File
@@ -292,7 +292,7 @@ export function useAppState() {
} = useTableScroll({ } = useTableScroll({
headTableRef, bodyTableRef, bodyScrollRef, headTrackRef, headTableRef, bodyTableRef, bodyScrollRef, headTrackRef,
forecast, visibleCols, selectedDay, skinType, vehicleType, forecast, visibleCols, selectedDay, skinType, vehicleType,
indoorMode, indoorManaged, indoorMode, indoorManaged, showDecimals, showUnits,
}); });
// ── 8. GEOCODING SEARCH ─────────────────────────────────────────────── // ── 8. GEOCODING SEARCH ───────────────────────────────────────────────
+3 -1
View File
@@ -36,6 +36,8 @@ export function useTableScroll({
vehicleType, vehicleType,
indoorMode, indoorMode,
indoorManaged, indoorManaged,
showDecimals,
showUnits,
}) { }) {
// --- SCROLL INDICATORS --------------------------------------------- // --- SCROLL INDICATORS ---------------------------------------------
const [tableCanScrollLeft, setTableCanScrollLeft] = useState(false); const [tableCanScrollLeft, setTableCanScrollLeft] = useState(false);
@@ -215,7 +217,7 @@ export function useTableScroll({
if (ro) ro.disconnect(); if (ro) ro.disconnect();
window.removeEventListener('resize', sync); window.removeEventListener('resize', sync);
}; };
}, [forecast, visibleCols, selectedDay, skinType, vehicleType, indoorMode, indoorManaged]); }, [forecast, visibleCols, selectedDay, skinType, vehicleType, indoorMode, indoorManaged, showDecimals, showUnits]);
return { return {
tableCanScrollLeft, tableCanScrollLeft,
+1 -1
View File
@@ -44,7 +44,7 @@ export const UTCI_BANDS = [
{ max: 24, label: 'Comfortable', bg: '#90d090', fg: '#157a15', fontWeight: 700 }, { max: 24, label: 'Comfortable', bg: '#90d090', fg: '#157a15', fontWeight: 700 },
{ max: 29, label: 'Warm', bg: '#f8e554', fg: '#1a1200' }, { max: 29, label: 'Warm', bg: '#f8e554', fg: '#1a1200' },
{ max: 34, label: 'Hot', bg: '#f5aa54', fg: '#1a1200' }, { max: 34, label: 'Hot', bg: '#f5aa54', fg: '#1a1200' },
{ max: 39, label: 'Very hot', bg: '#f07f6a', fg: '#1a1200' }, { max: 39, label: 'Very hot', bg: '#f5884a', fg: '#1a1200' },
{ max: 44, label: 'Extremely hot', bg: '#dd5454', fg: '#000000' }, { max: 44, label: 'Extremely hot', bg: '#dd5454', fg: '#000000' },
{ label: 'Danger', bg: '#880000', fg: '#ffffff', fontWeight: 700, darkenAmt: 0.18, textShadow: '-1px -1px 0 #3a0000, 1px -1px 0 #3a0000, -1px 1px 0 #3a0000, 1px 1px 0 #3a0000', solid: true }, { label: 'Danger', bg: '#880000', fg: '#ffffff', fontWeight: 700, darkenAmt: 0.18, textShadow: '-1px -1px 0 #3a0000, 1px -1px 0 #3a0000, -1px 1px 0 #3a0000, 1px 1px 0 #3a0000', solid: true },
]; ];