From 9e051659732f37d2a8e3339041b68af3fd9714fd Mon Sep 17 00:00:00 2001 From: Fredrik Thorsson Date: Wed, 11 Dec 2024 16:25:31 +0100 Subject: [PATCH] feat(SW-1012): add caption --- .../SidePeeks/RestaurantBar/OpeningHours/index.tsx | 11 ++++++++++- .../OpeningHours/openingHours.module.css | 4 ++++ 2 files changed, 14 insertions(+), 1 deletion(-) create mode 100644 components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/openingHours.module.css diff --git a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/index.tsx b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/index.tsx index ae1c7dea6..79fa9d2ce 100644 --- a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/index.tsx +++ b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/index.tsx @@ -1,6 +1,9 @@ import Body from "@/components/TempDesignSystem/Text/Body" +import Caption from "@/components/TempDesignSystem/Text/Caption" import { getIntl } from "@/i18n" +import styles from "./openingHours.module.css" + import { Days, type RestaurantBarOpeningHoursProps, @@ -9,6 +12,7 @@ import type { RestaurantOpeningHoursDay } from "@/types/hotel" export default async function OpeningHours({ openingHours, + alternateOpeningHours, }: RestaurantBarOpeningHoursProps) { const intl = await getIntl() @@ -52,7 +56,7 @@ export default async function OpeningHours({ } return ( -
+
{openingHours.name} {Object.entries(groupedOpeningHours).map(([time, days]) => { return ( @@ -61,6 +65,11 @@ export default async function OpeningHours({ ) })} + {alternateOpeningHours?.name ? ( + + {alternateOpeningHours.name} + + ) : null}
) } diff --git a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/openingHours.module.css b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/openingHours.module.css new file mode 100644 index 000000000..e02504239 --- /dev/null +++ b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/openingHours.module.css @@ -0,0 +1,4 @@ +.wrapper { + display: grid; + gap: var(--Spacing-x-half); +}