feat(SW-1446): add Jump to functionality to Destination Overview Page

2025-03-19 06:56:38 +01:00
parent 85a90baa12
commit 9e84da45bc
44 changed files with 3069 additions and 1297 deletions
@@ -15,6 +15,7 @@ import CookieBotConsent from "@/components/CookieBot"
 import Footer from "@/components/Footer"
 import Header from "@/components/Header"
 import StorageCleaner from "@/components/HotelReservation/EnterDetails/StorageCleaner"
+import { RACRouterProvider } from "@/components/RACRouterProvider"
 import SitewideAlert from "@/components/SitewideAlert"
 import { ToastHandler } from "@/components/TempDesignSystem/Toasts"
 import AdobeSDKScript from "@/components/TrackingSDK/AdobeSDKScript"
@@ -56,27 +57,31 @@ export default async function RootLayout({
        `}</Script>
      </head>
      <body className="scandic">
-        <SessionProvider basePath="/api/web/auth">
-          <ClientIntlProvider
-            defaultLocale={Lang.en}
-            locale={params.lang}
-            messages={messages}
-          >
-            <TrpcProvider>
-              <RouterTracking />
-              <SitewideAlert />
-              <Header />
-              {bookingwidget}
-              {children}
-              <Footer />
-              <ToastHandler />
-              <SessionRefresher />
-              <StorageCleaner />
-              <CookieBotConsent />
-              <ReactQueryDevtools initialIsOpen={false} />
-            </TrpcProvider>
-          </ClientIntlProvider>
-        </SessionProvider>
+        <div className="root">
+          <SessionProvider basePath="/api/web/auth">
+            <ClientIntlProvider
+              defaultLocale={Lang.en}
+              locale={params.lang}
+              messages={messages}
+            >
+              <TrpcProvider>
+                <RACRouterProvider>
+                  <RouterTracking />
+                  <SitewideAlert />
+                  <Header />
+                  {bookingwidget}
+                  {children}
+                  <Footer />
+                  <ToastHandler />
+                  <SessionRefresher />
+                  <StorageCleaner />
+                  <CookieBotConsent />
+                  <ReactQueryDevtools initialIsOpen={false} />
+                </RACRouterProvider>
+              </TrpcProvider>
+            </ClientIntlProvider>
+          </SessionProvider>
+        </div>
      </body>
    </html>
  )
@@ -63,6 +63,23 @@ body.overflow-hidden {
  overflow: hidden;
 }

+.root {
+  isolation: isolate;
+}
+
+/* From Tailwind */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
 ul {
  padding-inline-start: 0;
  margin-block-start: 0;