From 96d9d0f1903559f4bfc7b273eab7762445c68df2 Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Wed, 25 Jun 2025 12:33:22 +0000
Subject: [PATCH] Merged in fix/SW-2940 (pull request #2425)

fix (SW-2940): Close ameneties SidePeek when navigating from select-rate

* fix (SW-2940): Close ameneties SidePeek when navigating from select-rate


Approved-by: Tobias Johansson
---
 .../components/HotelReservation/ReadMore/index.tsx  | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/scandic-web/components/HotelReservation/ReadMore/index.tsx b/apps/scandic-web/components/HotelReservation/ReadMore/index.tsx
index 7295fbe36..70d1b58a6 100644
--- a/apps/scandic-web/components/HotelReservation/ReadMore/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/ReadMore/index.tsx
@@ -1,4 +1,5 @@
 "use client"
+import { useEffect } from "react"
 
 import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
@@ -13,7 +14,17 @@ export default function ReadMore({
   showCTA,
   sidePeekKey,
 }: ReadMoreProps) {
-  const openSidePeek = useSidePeekStore((state) => state.openSidePeek)
+  const { openSidePeek, closeSidePeek } = useSidePeekStore((state) => ({
+    openSidePeek: state.openSidePeek,
+    closeSidePeek: state.closeSidePeek,
+  }))
+
+  useEffect(() => {
+    return () => {
+      closeSidePeek()
+    }
+  }, [closeSidePeek])
+
   return (
     <Button
       onPress={() => {