From aabb550a0a60f7bb55ff95d095df68f7c3301271 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=A1=D0=BE?= =?UTF-8?q?=D0=BB=D0=BE=D0=B2=D1=8C=D0=B5=D0=B2?= Date: Wed, 17 Jun 2026 12:11:03 +0300 Subject: [PATCH] =?UTF-8?q?fix(tgu-ui):=20=D0=B1=D1=80=D0=BE=D0=BD=D1=8C?= =?UTF-8?q?=20=D0=BD=D0=B5=20=D1=81=D0=B1=D1=80=D0=B0=D1=81=D1=8B=D0=B2?= =?UTF-8?q?=D0=B0=D0=B5=D1=82=20=D0=BE=D0=BA=D0=BD=D0=BE=20=D1=84=D0=B8?= =?UTF-8?q?=D0=BB=D1=8C=D1=82=D1=80=D0=B0=20=D0=BF=D0=BE=20=D1=81=D1=83?= =?UTF-8?q?=D1=82=D0=BA=D0=B0=D0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Слайдер «Сутки» раскрывался на весь диапазон после брони: bookedSlots менялся → новый референс days → эффект сбрасывал окно, хотя набор суток тот же. Завязал сброс на сигнатуру набора суток (границы дней), а не на референс массива. --- .../src/features/tgu-slots/TguSlotsTab.tsx | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/services/pcp-tgu-ui-service/src/features/tgu-slots/TguSlotsTab.tsx b/services/pcp-tgu-ui-service/src/features/tgu-slots/TguSlotsTab.tsx index 6007bce..386494d 100644 --- a/services/pcp-tgu-ui-service/src/features/tgu-slots/TguSlotsTab.tsx +++ b/services/pcp-tgu-ui-service/src/features/tgu-slots/TguSlotsTab.tsx @@ -239,11 +239,17 @@ export function TguSlotsTab({ range }: TguSlotsTabProps) { .map(([dayMs, count], idx) => ({ index: idx + 1, dayMs, count, label: dayLabel(dayMs) })); }, [displaySlots]); - // Новый расчёт меняет набор суток — раскрываем фильтр на весь диапазон. + // Сигнатура набора суток (границы дней). Бронь меняет bookedSlots → новый референс days, но сам + // набор суток тот же — по сигнатуре отличаем «реально другой набор» от «то же, новый массив». + const dayKeys = useMemo(() => days.map((d) => d.dayMs).join(","), [days]); + + // Новый расчёт меняет НАБОР суток — раскрываем фильтр на весь диапазон. Сброс только при смене + // сигнатуры (новый расчёт/иной интервал), а не на каждое изменение bookedSlots после брони. useEffect(() => { + const count = dayKeys === "" ? 0 : dayKeys.split(",").length; setDayFrom(1); - setDayTo(days.length || 1); - }, [days]); + setDayTo(count || 1); + }, [dayKeys]); const effDayFrom = Math.max(1, Math.min(dayFrom, days.length || 1)); const effDayTo = Math.max(effDayFrom, Math.min(dayTo, days.length || 1));