Merged in fix/change-ref-id-to-query-param (pull request #1578)

fix: my stay now uses ref id in query param rather than path param to support legacy

* fix: my stay now uses ref id in query param rather than path param to support legacy


Approved-by: Michael Zetterberg

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(payment-callback)/gla-payment-callback/page.tsx

@@ -24,7 +24,7 @@ export default async function GuaranteePaymentCallbackPage({
   const status = searchParams.status
   const confirmationNumber = searchParams.confirmationNumber
   const refId = searchParams.refId
-  const myStayUrl = `${hotelreservation(lang)}/my-stay/${encodeURIComponent(refId)}`
+  const myStayUrl = `${hotelreservation(lang)}/my-stay?RefId=${refId}`
 
   if (status === "success" && confirmationNumber && refId) {
     console.log(`[gla-payment-callback] redirecting to: ${myStayUrl}`)

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/my-stay/[refId]/loading.tsx

@@ -1,5 +0,0 @@
-import LoadingSpinner from "@/components/LoadingSpinner"
-
-export default function Loading() {
-  return <LoadingSpinner fullPage />
-}

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/my-stay/loading.tsx

@@ -0,0 +1 @@
+export { MyStaySkeleton as default } from "@/components/HotelReservation/MyStay/myStaySkeleton"

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/my-stay/page.tsx

@@ -1,3 +1,4 @@
+import { notFound } from "next/navigation"
 import { Suspense } from "react"
 
 import { MyStay } from "@/components/HotelReservation/MyStay"
@@ -6,11 +7,15 @@ import { MyStaySkeleton } from "@/components/HotelReservation/MyStay/myStaySkele
 import type { LangParams, PageArgs } from "@/types/params"
 
 export default async function MyStayPage({
-  params,
-}: PageArgs<LangParams & { refId: string }>) {
+  searchParams,
+}: PageArgs<LangParams, { RefId?: string }>) {
+  if (!searchParams.RefId) {
+    notFound()
+  }
+
   return (
     <Suspense fallback={<MyStaySkeleton />}>
-      <MyStay refId={decodeURIComponent(params.refId)} />
+      <MyStay refId={searchParams.RefId} />
     </Suspense>
   )
 }

apps/scandic-web/components/HotelReservation/FindMyBooking/index.tsx

@@ -6,6 +6,7 @@ import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import { customerService } from "@/constants/currentWebHrefs"
+import { hotelreservation } from "@/constants/routes/hotelReservation"
 import { trpc } from "@/lib/trpc/client"
 
 import Button from "@/components/TempDesignSystem/Button"
@@ -43,9 +44,7 @@ export default function FindMyBooking() {
       const values = form.getValues()
       const value = new URLSearchParams(values).toString()
       document.cookie = `bv=${encodeURIComponent(value)}; Path=/; Max-Age=600; Secure; SameSite=Strict`
-      router.push(
-        `/${lang}/hotelreservation/my-stay/${encodeURIComponent(result.refId)}`
-      )
+      router.push(`${hotelreservation(lang)}/my-stay?RefId=${result.refId}`)
     },
     onError: (error) => {
       console.error("Failed to create ref id", error)