Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | import { appGetLayout } from "components/AppRoute";
import SearchPageComponent from "features/search/SearchPage";
import { MapSearchProvider } from "features/search/state/mapSearchContext";
import { Coordinates } from "features/search/utils/constants";
import { GLOBAL, NOTIFICATIONS, PROFILE, SEARCH } from "i18n/namespaces";
import { translationStaticProps } from "i18n/server-side-translations";
import { GetStaticProps } from "next";
import { useRouter } from "next/router";
import { HostingStatus } from "proto/api_pb";
export const getStaticProps: GetStaticProps = translationStaticProps([
GLOBAL,
SEARCH,
PROFILE,
NOTIFICATIONS,
]);
export default function SearchPage() {
const router = useRouter();
const location = router.query.location as string;
const bbox = router.query.bbox || undefined;
const hostingStatus = Array.isArray(router.query.hostingStatus)
? router.query.hostingStatus.map(
(status) => Number(status) as HostingStatus,
)
: undefined;
const showEmptyProfile =
router.query.showEmptyProfile !== undefined
? router.query.showEmptyProfile === "false"
? false
: true
: undefined;
return (
<MapSearchProvider
initialLocationName={location}
initialBbox={bbox as Coordinates | undefined}
initialFilters={{
...(hostingStatus && { hostingStatus }),
...(showEmptyProfile !== undefined && {
showEmptyProfile: Boolean(showEmptyProfile),
}),
}}
>
<SearchPageComponent />
</MapSearchProvider>
);
}
SearchPage.getLayout = appGetLayout({ noFooter: true, variant: "no-overflow" });
|