From e08d24cc75bc0275781de2f08ec2c1c9704a8fec Mon Sep 17 00:00:00 2001
From: Bianca Widstam <bianca.widstam@scandichotels.com>
Date: Fri, 7 Nov 2025 13:58:09 +0000
Subject: [PATCH] Merged in fix/BOOK-438-breadcrumbs-seo-filter (pull request
 #3103)

feat(BOOK-438): add breadcrumbs on seofilter pages

* feat(BOOK-438): add breadcrumbs on seofilter pages

* feat(BOOK-438): remove unused function


Approved-by: Hrishikesh Vaipurkar
---
 .../DestinationPage/DestinationCityPage/index.tsx         | 8 +++++---
 .../DestinationPage/DestinationCountryPage/index.tsx      | 8 +++++---
 .../components/ContentType/DestinationPage/utils.ts       | 8 +++++---
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/index.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/index.tsx
index c2d1739c6..9e6c3f6d4 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/index.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/index.tsx
@@ -29,7 +29,7 @@ import DestinationPageSidePeek from "../Sidepeek"
 import StaticMap from "../StaticMap"
 import TopImages from "../TopImages"
 import DestinationTracking from "../Tracking"
-import { isValidSeoFilter } from "../utils"
+import { getActiveSeoFilter } from "../utils"
 import CityMap from "./CityMap"
 import DestinationCityPageSkeleton from "./DestinationCityPageSkeleton"
 
@@ -66,7 +66,9 @@ export default async function DestinationCityPage({
     seo_filters,
   } = destinationCityPage
 
-  if (!isValidSeoFilter(seo_filters, filterFromUrl)) {
+  const activeSeoFilter = getActiveSeoFilter(seo_filters, filterFromUrl)
+
+  if (filterFromUrl && !activeSeoFilter) {
     const updatedPathname = pathname.replace(`/${filterFromUrl}`, "")
     return redirect(`${updatedPathname}${isMapView ? "?view=map" : ""}`)
   }
@@ -120,7 +122,7 @@ export default async function DestinationCityPage({
             <div className={styles.pageContainer}>
               <div className={styles.header}>
                 <Suspense fallback={<BreadcrumbsSkeleton />}>
-                  <Breadcrumbs />
+                  <Breadcrumbs subpageTitle={activeSeoFilter?.filter.name} />
                 </Suspense>
                 {images?.length ? (
                   <TopImages images={images} destinationName={city.name} />
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/index.tsx b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/index.tsx
index 08878124d..0574e730d 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/index.tsx
+++ b/apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/index.tsx
@@ -30,7 +30,7 @@ import DestinationPageSidePeek from "../Sidepeek"
 import StaticMap from "../StaticMap"
 import TopImages from "../TopImages"
 import DestinationTracking from "../Tracking"
-import { isValidSeoFilter } from "../utils"
+import { getActiveSeoFilter } from "../utils"
 import CountryMap from "./CountryMap"
 import DestinationCountryPageSkeleton from "./DestinationCountryPageSkeleton"
 
@@ -67,7 +67,9 @@ export default async function DestinationCountryPage({
     seo_filters,
   } = destinationCountryPage
 
-  if (!isValidSeoFilter(seo_filters, filterFromUrl)) {
+  const activeSeoFilter = getActiveSeoFilter(seo_filters, filterFromUrl)
+
+  if (filterFromUrl && !activeSeoFilter) {
     const updatedPathname = pathname.replace(`/${filterFromUrl}`, "")
     return redirect(`${updatedPathname}${isMapView ? "?view=map" : ""}`)
   }
@@ -132,7 +134,7 @@ export default async function DestinationCountryPage({
             <div className={styles.pageContainer}>
               <div className={styles.header}>
                 <Suspense fallback={<BreadcrumbsSkeleton />}>
-                  <Breadcrumbs />
+                  <Breadcrumbs subpageTitle={activeSeoFilter?.filter.name} />
                 </Suspense>
                 {images?.length ? (
                   <TopImages
diff --git a/apps/scandic-web/components/ContentType/DestinationPage/utils.ts b/apps/scandic-web/components/ContentType/DestinationPage/utils.ts
index 8bb867384..d65aa0da2 100644
--- a/apps/scandic-web/components/ContentType/DestinationPage/utils.ts
+++ b/apps/scandic-web/components/ContentType/DestinationPage/utils.ts
@@ -45,13 +45,15 @@ export function getPreambleText(
   return defaultPreamble
 }
 
-export function isValidSeoFilter(
+export function getActiveSeoFilter(
   seoFilters: DestinationFilters,
   filterFromUrl?: string
 ) {
   const flattenedSeoFilters = Object.values(seoFilters).flat()
   if (!filterFromUrl || !flattenedSeoFilters.length) {
-    return true
+    return null
   }
-  return flattenedSeoFilters.some((f) => f.filter.slug === filterFromUrl)
+  return (
+    flattenedSeoFilters.find((f) => f.filter.slug === filterFromUrl) || null
+  )
 }