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

Approved-by: Chuma Mcphoy (We Ahead)

apps/scandic-web/components/DestinationFilterAndSort/index.tsx

@@ -1,6 +1,5 @@
 "use client"
 
-import Link from "next/link"
 import { useRouter } from "next/navigation"
 import {
   Dialog,
@@ -35,7 +34,7 @@ export default function DestinationFilterAndSort({
   const intl = useIntl()
   const router = useRouter()
   const {
-    filters,
+    allFilters,
     sortItems,
     pendingFilters,
     pendingSort,
@@ -48,7 +47,7 @@ export default function DestinationFilterAndSort({
     resetPendingValues,
     setIsLoading,
   } = useDestinationDataStore((state) => ({
-    filters: state.allFilters,
+    allFilters: state.allFilters,
     sortItems: state.sortItems,
     pendingFilters: state.pendingFilters,
     pendingSort: state.pendingSort,
@@ -62,7 +61,6 @@ export default function DestinationFilterAndSort({
     resetPendingValues: state.actions.resetPendingValues,
     setIsLoading: state.actions.setIsLoading,
   }))
-  const { facilityFilters, surroundingsFilters } = filters
   const alertHeading =
     listType === "city"
       ? intl.formatMessage({
@@ -128,7 +126,6 @@ export default function DestinationFilterAndSort({
     }
   }
   return (
-    <>
     <DialogTrigger onOpenChange={handleClose}>
       <FilterAndSortButton filterLength={activeFilters.length} />
       <ModalOverlay isDismissable className={styles.overlay}>
@@ -165,7 +162,7 @@ export default function DestinationFilterAndSort({
                 <div className={styles.content}>
                   <Sort sortItems={sortItems} />
                   <Divider className={styles.divider} />
-                    <Filter filters={filters} />
+                  <Filter filters={allFilters} />
                 </div>
                 {pendingCount === 0 && (
                   <div className={styles.alertWrapper}>
@@ -209,22 +206,5 @@ export default function DestinationFilterAndSort({
         </Modal>
       </ModalOverlay>
     </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>
-    </>
   )
 }