diff --git a/src/features/online-board/components/DayTabs/DayTabs.tsx b/src/features/online-board/components/DayTabs/DayTabs.tsx index 4aef556c..c24f7830 100644 --- a/src/features/online-board/components/DayTabs/DayTabs.tsx +++ b/src/features/online-board/components/DayTabs/DayTabs.tsx @@ -39,7 +39,12 @@ export const DayTabs: FC = ({ const [currentPage, setCurrentPage] = useState(initialPage); + // Empty availableDates means the calendar API hasn't resolved yet (or + // the route has no day data). Treat every date as tappable in that + // case — matches Angular where the tabs stay enabled until we *know* + // the upstream reports no flights for a given day. const availableSet = useMemo(() => new Set(availableDates), [availableDates]); + const disableByAvailability = availableDates.length > 0; const visibleDates = allDates.slice( currentPage * PAGE_SIZE, @@ -68,7 +73,7 @@ export const DayTabs: FC = ({ key={date} date={date} isActive={date === selectedDate} - isDisabled={!availableSet.has(date)} + isDisabled={disableByAvailability && !availableSet.has(date)} locale={locale} onClick={onNavigate} />