fix(SW-2758): Using ?s queryparameter again to handle sidepeeks on hotel pages

Approved-by: Matilda Landström

apps/scandic-web/components/SidePeeks/SidePeekProvider/index.tsx

@@ -1,9 +1,7 @@
 "use client"
-import { useRouter } from "next/navigation"
+import { usePathname, useRouter, useSearchParams } from "next/navigation"
 import { createContext, useEffect, useState } from "react"
 
-import useHash from "@/hooks/useHash"
-
 interface SidepeekProviderProps extends React.PropsWithChildren {
   onOpen?: (sidePeek: string) => void
 }
@@ -20,16 +18,15 @@ export default function SidePeekProvider({
   onOpen,
 }: SidepeekProviderProps) {
   const router = useRouter()
-  const hash = useHash()
+  const pathname = usePathname()
+  const searchParams = useSearchParams()
   const [activeSidePeek, setActiveSidePeek] = useState<string | null>(null)
-
   useEffect(() => {
-    if (hash?.startsWith("s-")) {
-      setActiveSidePeek(hash.slice(2))
-    } else {
-      setActiveSidePeek(null)
+    const sidePeekParam = searchParams.get("s")
+    if (sidePeekParam !== activeSidePeek) {
+      setActiveSidePeek(sidePeekParam)
     }
-  }, [hash, setActiveSidePeek])
+  }, [searchParams, activeSidePeek])
 
   useEffect(() => {
     if (activeSidePeek && onOpen) {
@@ -39,7 +36,9 @@ export default function SidePeekProvider({
 
   function handleClose(isOpen: boolean) {
     if (!isOpen) {
-      router.push(window.location.pathname, { scroll: false })
+      const nextSearchParams = new URLSearchParams(searchParams.toString())
+      nextSearchParams.delete("s")
+      router.push(`${pathname}?${nextSearchParams}`, { scroll: false })
       setActiveSidePeek(null)
     }
   }