From a567190080a72db974baf3b5834d07817a973219 Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@scandichotels.com>
Date: Tue, 1 Oct 2024 10:06:23 +0200
Subject: [PATCH] feat(SW-441): add intersection observer

---
 components/ContentType/HotelPage/TabNavigation/index.tsx | 3 +++
 components/ContentType/HotelPage/index.tsx               | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/ContentType/HotelPage/TabNavigation/index.tsx b/components/ContentType/HotelPage/TabNavigation/index.tsx
index 346db0521..421f17e05 100644
--- a/components/ContentType/HotelPage/TabNavigation/index.tsx
+++ b/components/ContentType/HotelPage/TabNavigation/index.tsx
@@ -1,4 +1,5 @@
 "use client"
+import { useRouter } from "next/navigation"
 import { useIntl } from "react-intl"
 
 import Link from "@/components/TempDesignSystem/Link"
@@ -14,6 +15,8 @@ import {
 export default function TabNavigation({ restaurantTitle }: TabNavigationProps) {
   const hash = useHash()
   const intl = useIntl()
+  const router = useRouter()
+  // const [isObserverActive, setIsObserverActive] = useState<boolean>(true)
 
   const hotelTabLinks: { href: HotelHashValues | string; text: string }[] = [
     {
diff --git a/components/ContentType/HotelPage/index.tsx b/components/ContentType/HotelPage/index.tsx
index 04a56a865..32f8bc408 100644
--- a/components/ContentType/HotelPage/index.tsx
+++ b/components/ContentType/HotelPage/index.tsx
@@ -63,7 +63,7 @@ export default async function HotelPage() {
         restaurantTitle={getRestaurantHeading(hotelDetailedFacilities)}
       />
       <main className={styles.mainSection}>
-        <div className={styles.introContainer}>
+        <div id="overview" className={styles.introContainer}>
           <IntroSection
             hotelName={hotelName}
             hotelDescription={hotelDescription}