diff --git a/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css b/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css index 596fc339c..76d5e1733 100644 --- a/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css +++ b/apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css @@ -74,6 +74,10 @@ padding: 0; } +.visuallyHidden { + display: none; +} + @media screen and (max-width: 767px) { .overlay { height: var(--visual-viewport-height); diff --git a/apps/scandic-web/components/DestinationFilterAndSort/index.tsx b/apps/scandic-web/components/DestinationFilterAndSort/index.tsx index f18e479dd..e4f87d677 100644 --- a/apps/scandic-web/components/DestinationFilterAndSort/index.tsx +++ b/apps/scandic-web/components/DestinationFilterAndSort/index.tsx @@ -1,5 +1,6 @@ "use client" +import Link from "next/link" import { useRouter } from "next/navigation" import { Dialog, @@ -60,6 +61,7 @@ export default function DestinationFilterAndSort({ resetPendingValues: state.actions.resetPendingValues, setIsLoading: state.actions.setIsLoading, })) + const { facilityFilters, surroundingsFilters } = filters const alertHeading = listType === "city" ? intl.formatMessage({ id: "No matching locations found" }) @@ -189,6 +191,22 @@ export default function DestinationFilterAndSort({ + + {/* This section is added to the DOM for SEO purposes. The filters are linkable and should be indexable */} + ) } diff --git a/apps/scandic-web/providers/DestinationDataProvider/Content.tsx b/apps/scandic-web/providers/DestinationDataProvider/Content.tsx index d34f3071a..7cba6b81c 100644 --- a/apps/scandic-web/providers/DestinationDataProvider/Content.tsx +++ b/apps/scandic-web/providers/DestinationDataProvider/Content.tsx @@ -1,3 +1,5 @@ +"use client" + import { useParams } from "next/navigation" import { useEffect } from "react"