Add filter sidebar to schedule search
Schedule results previously had nothing in the left rail. Angular fills it with the route filter + search history. Reuse the OnlineBoardFilter component pre-populated with current URL params plus SearchHistory below it, so the layout matches the board pages.
This commit is contained in:
@@ -16,6 +16,8 @@ import { FlightList } from "@/ui/flights/FlightList.js";
|
||||
import { PageLayout } from "@/ui/layout/PageLayout.js";
|
||||
import { PageTabs } from "@/ui/layout/PageTabs.js";
|
||||
import { DayTabs } from "@/features/online-board/components/DayTabs/index.js";
|
||||
import { OnlineBoardFilter } from "@/features/online-board/components/OnlineBoardFilter.js";
|
||||
import { SearchHistory } from "@/ui/layout/SearchHistory.js";
|
||||
import { useDictionaries } from "@/shared/dictionaries/index.js";
|
||||
import "./ScheduleSearchPage.scss";
|
||||
import { JsonLdRenderer } from "@/shared/seo/json-ld.js";
|
||||
@@ -162,6 +164,17 @@ export const ScheduleSearchPage: FC<ScheduleSearchPageProps> = ({ params }) => {
|
||||
{ label: t("SCHEDULE.TITLE"), url: `/${lang}/schedule` },
|
||||
{ label: routeHeading },
|
||||
]}
|
||||
contentLeft={
|
||||
<>
|
||||
<OnlineBoardFilter
|
||||
initialTab="route"
|
||||
initialDeparture={outbound.departure}
|
||||
initialArrival={outbound.arrival}
|
||||
initialDate={outbound.dateFrom}
|
||||
/>
|
||||
<SearchHistory />
|
||||
</>
|
||||
}
|
||||
stickyContent={
|
||||
<DayTabs
|
||||
selectedDate={outbound.dateFrom}
|
||||
|
||||
Reference in New Issue
Block a user