diff --git a/app/[lang]/(live)/(public)/hotelreservation/get-booking/page.module.css b/app/[lang]/(live)/(public)/hotelreservation/get-booking/page.module.css new file mode 100644 index 000000000..509c07684 --- /dev/null +++ b/app/[lang]/(live)/(public)/hotelreservation/get-booking/page.module.css @@ -0,0 +1,12 @@ +.main { + width: var(--max-width-content); + padding: var(--Spacing-x5) var(--Spacing-x1); + margin-left: auto; + margin-right: auto; +} + +.form { + max-width: 640px; + margin-left: auto; + margin-right: auto; +} diff --git a/app/[lang]/(live)/(public)/hotelreservation/get-booking/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/get-booking/page.tsx new file mode 100644 index 000000000..66b865bbc --- /dev/null +++ b/app/[lang]/(live)/(public)/hotelreservation/get-booking/page.tsx @@ -0,0 +1,13 @@ +import FindMyBooking from "@/components/HotelReservation/FindMyBooking" + +import styles from "./page.module.css" + +export default async function GetBookingPage() { + return ( +
+
+ +
+
+ ) +} diff --git a/apps/scandic-web/components/Current/Header/MainMenu/index.tsx b/apps/scandic-web/components/Current/Header/MainMenu/index.tsx index 1c1c4aa8e..c10b76944 100644 --- a/apps/scandic-web/components/Current/Header/MainMenu/index.tsx +++ b/apps/scandic-web/components/Current/Header/MainMenu/index.tsx @@ -2,6 +2,7 @@ import { usePathname } from "next/navigation" import { useIntl } from "react-intl" +import { findMyBooking } from "@/constants/myBooking" import { logout } from "@/constants/routes/handleAuth" import { myPages } from "@/constants/routes/myPages" import useDropdownStore from "@/stores/main-menu" @@ -147,7 +148,10 @@ export function MainMenu({
  • - + {intl.formatMessage({ id: "Find booking" })}
  • diff --git a/apps/scandic-web/components/Header/MainMenu/MobileMenu/index.tsx b/apps/scandic-web/components/Header/MainMenu/MobileMenu/index.tsx index 83710974c..17872b396 100644 --- a/apps/scandic-web/components/Header/MainMenu/MobileMenu/index.tsx +++ b/apps/scandic-web/components/Header/MainMenu/MobileMenu/index.tsx @@ -5,10 +5,12 @@ import { Dialog, Modal } from "react-aria-components" import { useIntl } from "react-intl" import { useMediaQuery } from "usehooks-ts" +import { findMyBooking } from "@/constants/myBooking" import useDropdownStore from "@/stores/main-menu" import LanguageSwitcher from "@/components/LanguageSwitcher" import { useHandleKeyUp } from "@/hooks/useHandleKeyUp" +import useLang from "@/hooks/useLang" import HeaderLink from "../../HeaderLink" import TopLink from "../../TopLink" @@ -24,6 +26,7 @@ export default function MobileMenu({ topLink, isLoggedIn, }: React.PropsWithChildren) { + const lang = useLang() const intl = useIntl() const { toggleDropdown, @@ -83,7 +86,7 @@ export default function MobileMenu({ > {children}