Как обновить пользовательский интерфейс, когда все слоты консультаций OHC забронированы (React + Setup на основе маршрут ⇐ Javascript

[Anonymous]

Я работаю над приложением React, где пользователи могут забронировать слоты OHC (консультации по охране труда) с врачами. Пользовательский интерфейс показывает «доступный следующий слот» с иконкой.
Многолетний опыт доктора отсутствует в UI.
ожидаемое поведение (согласно команде продукта):
Когда все слоты OHC забронированы для врача: < /p>
Настройка маршрута < /p>
// OHC Consultation
const OhcConsultation = lazy(() => import('../pages/ohc-consultation'));
const OhcDoctors = lazy(() => import('../pages/ohc-consultation/clinic-doctors'));
const OhcDoctorDetails = lazy(() => import('../pages/ohc-consultation/doctor-details'));`
< /code>
{nextAvailableSlot ? (


Next Slot Available





{nextAvailableSlot}



) : (

No slots available

)}

navigate(`/ohc-consultation/doctors/${id}`)}
>
{buttonText}




Подробнее здесь: https://stackoverflow.com/questions/797 ... outes-base