diff --git a/assets/js/hooks/useAppState.js b/assets/js/hooks/useAppState.js index 90c4572..35de0e1 100644 --- a/assets/js/hooks/useAppState.js +++ b/assets/js/hooks/useAppState.js @@ -292,7 +292,7 @@ export function useAppState() { } = useTableScroll({ headTableRef, bodyTableRef, bodyScrollRef, headTrackRef, forecast, visibleCols, selectedDay, skinType, vehicleType, - indoorMode, indoorManaged, + indoorMode, indoorManaged, showDecimals, showUnits, }); // ── 8. GEOCODING SEARCH ─────────────────────────────────────────────── diff --git a/assets/js/hooks/useTableScroll.js b/assets/js/hooks/useTableScroll.js index be75727..e159811 100644 --- a/assets/js/hooks/useTableScroll.js +++ b/assets/js/hooks/useTableScroll.js @@ -36,6 +36,8 @@ export function useTableScroll({ vehicleType, indoorMode, indoorManaged, + showDecimals, + showUnits, }) { // --- SCROLL INDICATORS --------------------------------------------- const [tableCanScrollLeft, setTableCanScrollLeft] = useState(false); @@ -215,7 +217,7 @@ export function useTableScroll({ if (ro) ro.disconnect(); window.removeEventListener('resize', sync); }; - }, [forecast, visibleCols, selectedDay, skinType, vehicleType, indoorMode, indoorManaged]); + }, [forecast, visibleCols, selectedDay, skinType, vehicleType, indoorMode, indoorManaged, showDecimals, showUnits]); return { tableCanScrollLeft, diff --git a/assets/js/utils.js b/assets/js/utils.js index 302da7f..c4a82ee 100644 --- a/assets/js/utils.js +++ b/assets/js/utils.js @@ -44,7 +44,7 @@ export const UTCI_BANDS = [ { max: 24, label: 'Comfortable', bg: '#90d090', fg: '#157a15', fontWeight: 700 }, { max: 29, label: 'Warm', bg: '#f8e554', 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' }, { 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 }, ];