На сегодня свободного времени уже нет. Пожалуйста, выберите другую дату.
+ )}Сначала выберите дату — покажем время приёма
diff --git a/web/src/components/NativeBooking.jsx b/web/src/components/NativeBooking.jsx index 099c377..bbe0460 100644 --- a/web/src/components/NativeBooking.jsx +++ b/web/src/components/NativeBooking.jsx @@ -3,7 +3,7 @@ import { Link } from 'react-router-dom'; import checkIcon from '../assets/figma/icon-check.svg'; import chevronIcon from '../assets/figma/icon-accordion-chevron.svg'; import { api } from '../api.js'; -import { dayLabel, groupByDay, longDate, newRequestId, slotDate, slotTime } from '../lib/slots.js'; +import { dayLabel, groupByDay, longDate, newRequestId, slotDate, slotTime, todayKey } from '../lib/slots.js'; import { formatPhoneInput, phoneComplete } from '../lib/phone.js'; import './LeadModal.css'; import './NativeBooking.css'; @@ -25,8 +25,14 @@ export function NextSlots({ doctor, onPick, limit = 6 }) { }, [enabled, doctor.slug]); if (!enabled || !state || !state.slots?.length) return null; - const today = slotDate(state.slots[0]); - const shown = state.slots.slice(0, limit); + const today = todayKey(); + const now = Date.now(); + const validSlots = state.slots.filter((s) => { + const t = new Date(s.start).getTime(); + return isNaN(t) || t > now; + }); + if (!validSlots.length) return null; + const shown = validSlots.slice(0, limit); return (Ближайшие свободные окна
@@ -89,9 +95,16 @@ export default function NativeBooking({ doctor, initialSlot, onClose, onUnavaila return [...m.entries()]; }, [slots]); - const visible = useMemo(() => (branch ? slots.filter((s) => s.branch_id === branch) : slots), [slots, branch]); + const visible = useMemo(() => { + const now = Date.now(); + return slots.filter((s) => { + if (branch && s.branch_id !== branch) return false; + const t = new Date(s.start).getTime(); + return isNaN(t) || t > now; + }); + }, [slots, branch]); const days = useMemo(() => groupByDay(visible), [visible]); - const today = slots[0] ? slotDate(slots[0]) : ''; + const today = todayKey(); const activeDay = days.find((d) => d.date === day) || days[0]; useEffect(() => { diff --git a/web/src/lib/slots.js b/web/src/lib/slots.js index 3ad1032..6c3c2e6 100644 --- a/web/src/lib/slots.js +++ b/web/src/lib/slots.js @@ -11,12 +11,29 @@ function parts(dateKey) { return { y, m, d, weekday: new Date(Date.UTC(y, m - 1, d)).getUTCDay() }; } -// «Сегодня» — дата первого окна в ответе: сервер отдаёт окна начиная с текущего момента по Москве. -export function dayLabel(dateKey, todayKey) { - if (dateKey === todayKey) return 'Сегодня'; +// Текущая календарная дата по времени клиники (Москва / Махачкала, UTC+3) +export function todayKey() { + try { + return new Intl.DateTimeFormat('en-CA', { + timeZone: 'Europe/Moscow', + year: 'numeric', + month: '2-digit', + day: '2-digit', + }).format(new Date()); + } catch (e) { + const d = new Date(); + d.setMinutes(d.getMinutes() - d.getTimezoneOffset()); + return d.toISOString().slice(0, 10); + } +} + +// «Сегодня», «Завтра» или день недели + дата относительно реального сегодня +export function dayLabel(dateKey, today) { + const currentToday = today || todayKey(); + if (dateKey === currentToday) return 'Сегодня'; const { y, m, d, weekday } = parts(dateKey); const prev = new Date(Date.UTC(y, m - 1, d - 1)).toISOString().slice(0, 10); - if (prev === todayKey) return 'Завтра'; + if (prev === currentToday) return 'Завтра'; return `${WEEKDAYS[weekday]}, ${d} ${MONTHS[m - 1].slice(0, 3)}`; }