From 85232401c80556c8cd08847710ce4c646bc0b798 Mon Sep 17 00:00:00 2001 From: Fredrik Thorsson Date: Wed, 3 Jul 2024 15:30:50 +0200 Subject: [PATCH] feat: add route for select hotel --- .../(live)/(public)/hotelreservation/page.tsx | 9 +++------ .../hotelreservation/select-hotel/page.tsx | 9 +++++++++ .../SelectHotel/HotelCard/hotelCard.module.css | 15 +++++++++++++++ .../SelectHotel/HotelCard/index.tsx | 18 ++++++++++++++++++ constants/routes/hotelReservation.js | 14 +++++++++++++- 5 files changed, 58 insertions(+), 7 deletions(-) create mode 100644 app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx create mode 100644 components/HotelReservation/SelectHotel/HotelCard/hotelCard.module.css create mode 100644 components/HotelReservation/SelectHotel/HotelCard/index.tsx diff --git a/app/[lang]/(live)/(public)/hotelreservation/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/page.tsx index 9c5fae738..d91db5177 100644 --- a/app/[lang]/(live)/(public)/hotelreservation/page.tsx +++ b/app/[lang]/(live)/(public)/hotelreservation/page.tsx @@ -1,10 +1,7 @@ +import HotelCard from "@/components/HotelReservation/SelectHotel/HotelCard" + import { LangParams, PageArgs } from "@/types/params" export default function HotelReservationPage({ params }: PageArgs) { - return ( -
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae, - praesentium? -
- ) + return null } diff --git a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx new file mode 100644 index 000000000..cdb105c7b --- /dev/null +++ b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx @@ -0,0 +1,9 @@ +import HotelCard from "@/components/HotelReservation/SelectHotel/HotelCard" + +export default function SelectHotelPage() { + return ( +
+ +
+ ) +} diff --git a/components/HotelReservation/SelectHotel/HotelCard/hotelCard.module.css b/components/HotelReservation/SelectHotel/HotelCard/hotelCard.module.css new file mode 100644 index 000000000..517b59388 --- /dev/null +++ b/components/HotelReservation/SelectHotel/HotelCard/hotelCard.module.css @@ -0,0 +1,15 @@ +.card { + margin-left: 50px; + margin-top: 50px; + min-height: 270px; + max-width: 850px; + background-color: var(--Base-Surface-Primary-Normal); + border: 1px solid black; + border-radius: var(--Corner-radius-Small); +} + +.information { + display: flex; + flex-direction: column; + padding: var(--Spacing-x2); +} diff --git a/components/HotelReservation/SelectHotel/HotelCard/index.tsx b/components/HotelReservation/SelectHotel/HotelCard/index.tsx new file mode 100644 index 000000000..576ac1a00 --- /dev/null +++ b/components/HotelReservation/SelectHotel/HotelCard/index.tsx @@ -0,0 +1,18 @@ +import Title from "@/components/TempDesignSystem/Text/Title" + +import styles from "./hotelCard.module.css" + +import { LangParams } from "@/types/params" + +export default function HotelCard() { + return ( +
+
+ + Scandic + + Helsinki Hub +
+
+ ) +} diff --git a/constants/routes/hotelReservation.js b/constants/routes/hotelReservation.js index ba0d6d4b6..547aca08f 100644 --- a/constants/routes/hotelReservation.js +++ b/constants/routes/hotelReservation.js @@ -8,4 +8,16 @@ export const hotelReservation = { de: "/de/hotelreservierung", } -export const bookingFlow = [...Object.values(hotelReservation)] +export const selectHotel = { + en: `${hotelReservation.en}/select-hotel`, + sv: `${hotelReservation.sv}/välj-hotell`, + no: `${hotelReservation.no}/velg-hotell`, + fi: `${hotelReservation.fi}/valitse-hotelli`, + da: `${hotelReservation.da}/vælg-hotel`, + de: `${hotelReservation.de}/wähle-hotel`, +} + +export const bookingFlow = [ + ...Object.values(hotelReservation), + ...Object.values(selectHotel), +]