diff --git a/app/[lang]/(live)/@bookingwidget/page.tsx b/app/[lang]/(live)/@bookingwidget/page.tsx index bb5f646b6..35d0dceca 100644 --- a/app/[lang]/(live)/@bookingwidget/page.tsx +++ b/app/[lang]/(live)/@bookingwidget/page.tsx @@ -1,9 +1,6 @@ -import { Suspense } from "react" - import { serverClient } from "@/lib/trpc/server" import BookingWidget from "@/components/BookingWidget" -import LoadingSpinner from "@/components/LoadingSpinner" export default async function BookingWidgetPage() { // Get the booking widget show/hide status based on page specific settings @@ -11,10 +8,10 @@ export default async function BookingWidgetPage() { await serverClient().contentstack.bookingwidget.getToggle() return ( - }> + <> {bookingWidgetToggle && bookingWidgetToggle.hideBookingWidget ? null : ( )} - + ) } diff --git a/app/[lang]/(live)/layout.tsx b/app/[lang]/(live)/layout.tsx index fdd881160..461ebe093 100644 --- a/app/[lang]/(live)/layout.tsx +++ b/app/[lang]/(live)/layout.tsx @@ -2,6 +2,7 @@ import "@/app/globals.css" import "@scandic-hotels/design-system/style.css" import Script from "next/script" +import { Suspense } from "react" import TrpcProvider from "@/lib/trpc/Provider" @@ -10,6 +11,7 @@ import AdobeSDKScript from "@/components/Current/AdobeSDKScript" import VwoScript from "@/components/Current/VwoScript" import Footer from "@/components/Footer" import Header from "@/components/Header" +import LoadingSpinner from "@/components/LoadingSpinner" import { ToastHandler } from "@/components/TempDesignSystem/Toasts" import { preloadUserTracking } from "@/components/TrackingSDK" import { getIntl } from "@/i18n" @@ -54,7 +56,9 @@ export default async function RootLayout({ -
+ }> +
+ {bookingwidget} {children} diff --git a/components/BookingWidget/index.tsx b/components/BookingWidget/index.tsx index 91df73b73..0a8c0dbd9 100644 --- a/components/BookingWidget/index.tsx +++ b/components/BookingWidget/index.tsx @@ -1,17 +1,11 @@ -import { Suspense } from "react" - import Form from "@/components/Forms/BookingWidget" -import LoadingSpinner from "../LoadingSpinner" - import styles from "./bookingWidget.module.css" -export default async function BookingWidget() { +export default function BookingWidget() { return (
- }> -
- +
) } diff --git a/components/Header/TopMenu/index.tsx b/components/Header/TopMenu/index.tsx index 0c2d87c3d..3b7e5c63d 100644 --- a/components/Header/TopMenu/index.tsx +++ b/components/Header/TopMenu/index.tsx @@ -26,7 +26,7 @@ export default async function TopMenu({ ) : null}
- {languageSwitcher} + {languageSwitcher} {intl.formatMessage({ id: "Find booking" })} diff --git a/components/MyPages/Breadcrumbs/index.tsx b/components/MyPages/Breadcrumbs/index.tsx index e50ceb4b4..752f77d5f 100644 --- a/components/MyPages/Breadcrumbs/index.tsx +++ b/components/MyPages/Breadcrumbs/index.tsx @@ -1,5 +1,3 @@ -import { Suspense } from "react" - import { serverClient } from "@/lib/trpc/server" import { ChevronRightIcon, HouseIcon } from "@/components/Icons" @@ -18,46 +16,44 @@ export default async function Breadcrumbs() { return ( ) diff --git a/components/MyPages/Sidebar/index.tsx b/components/MyPages/Sidebar/index.tsx index 65c4b22b7..d91782b83 100644 --- a/components/MyPages/Sidebar/index.tsx +++ b/components/MyPages/Sidebar/index.tsx @@ -19,44 +19,40 @@ export default async function SidebarMyPages() { )