scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(BOOK-242): Removed legacy seo filter block on destination pages

Browse Source 
Approved-by: Chuma Mcphoy (We Ahead)
This commit is contained in:
Erik Tiekstra
2025-09-25 13:26:23 +00:00
parent 9f02870647
commit 1746ed9803
1 changed files with 80 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
apps/scandic-web/components/DestinationFilterAndSort/index.tsx
View File

@@ -1,6 +1,5 @@
"use client" "use client"
import Link from "next/link"
import { useRouter } from "next/navigation" import { useRouter } from "next/navigation"
import { import {
Dialog, Dialog,
@@ -35,7 +34,7 @@ export default function DestinationFilterAndSort({
const intl = useIntl() const intl = useIntl()
const router = useRouter() const router = useRouter()
const { const {
filters, allFilters,
sortItems, sortItems,
pendingFilters, pendingFilters,
pendingSort, pendingSort,
@@ -48,7 +47,7 @@ export default function DestinationFilterAndSort({
resetPendingValues, resetPendingValues,
setIsLoading, setIsLoading,
} = useDestinationDataStore((state) => ({ } = useDestinationDataStore((state) => ({
filters: state.allFilters, allFilters: state.allFilters,
sortItems: state.sortItems, sortItems: state.sortItems,
pendingFilters: state.pendingFilters, pendingFilters: state.pendingFilters,
pendingSort: state.pendingSort, pendingSort: state.pendingSort,
@@ -62,7 +61,6 @@ export default function DestinationFilterAndSort({
resetPendingValues: state.actions.resetPendingValues, resetPendingValues: state.actions.resetPendingValues,
setIsLoading: state.actions.setIsLoading, setIsLoading: state.actions.setIsLoading,
})) }))
const { facilityFilters, surroundingsFilters } = filters
const alertHeading = const alertHeading =
listType === "city" listType === "city"
? intl.formatMessage({ ? intl.formatMessage({
@@ -128,7 +126,6 @@ export default function DestinationFilterAndSort({
} }
} }
return ( return (
<>
<DialogTrigger onOpenChange={handleClose}> <DialogTrigger onOpenChange={handleClose}>
<FilterAndSortButton filterLength={activeFilters.length} /> <FilterAndSortButton filterLength={activeFilters.length} />
<ModalOverlay isDismissable className={styles.overlay}> <ModalOverlay isDismissable className={styles.overlay}>
@@ -165,7 +162,7 @@ export default function DestinationFilterAndSort({
<div className={styles.content}> <div className={styles.content}>
<Sort sortItems={sortItems} /> <Sort sortItems={sortItems} />
<Divider className={styles.divider} /> <Divider className={styles.divider} />
<Filter filters={filters} /> <Filter filters={allFilters} />
</div> </div>
{pendingCount === 0 && ( {pendingCount === 0 && (
<div className={styles.alertWrapper}> <div className={styles.alertWrapper}>
@@ -209,22 +206,5 @@ export default function DestinationFilterAndSort({
</Modal> </Modal>
</ModalOverlay> </ModalOverlay>
</DialogTrigger> </DialogTrigger>
{/* This section is added to the DOM for SEO purposes. The filters are linkable and should be indexable */}
<nav className="sr-only">
<ul>
{facilityFilters.map((filter) => (
<li key={`filter-${filter.slug}`}>
<Link href={`${basePath}/${filter.slug}`}>{filter.name}</Link>
</li>
))}
{surroundingsFilters.map((filter) => (
<li key={`filter-${filter.slug}`}>
<Link href={`${basePath}/${filter.slug}`}>{filter.name}</Link>
</li>
))}
</ul>
</nav>
</>
) )
} }