diff --git a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/index.tsx b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/index.tsx index 6d31febdc..40cbd7666 100644 --- a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/index.tsx +++ b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/OpeningHours/index.tsx @@ -19,9 +19,7 @@ export default function OpeningHours({ return (
- -
{openingHours.name}
- + {openingHours.name} {days.map((day) => { const today = openingHours[day] as RestaurantOpeningHoursDay return today ? ( diff --git a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx index 585ef67a9..b505e5a49 100644 --- a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx +++ b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx @@ -1,33 +1,34 @@ -import NextLink from "next/link" - import { OpenInNewSmallIcon } from "@/components/Icons" import Image from "@/components/Image" import Button from "@/components/TempDesignSystem/Button" import Link from "@/components/TempDesignSystem/Link" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" +import Title from "@/components/TempDesignSystem/Text/Title" +import { getIntl } from "@/i18n" import OpeningHours from "../OpeningHours" import styles from "./restaurantBarItem.module.css" -import { RestaurantBarItemProps } from "@/types/components/hotelPage/sidepeek/restaurantBar" +import type { RestaurantBarItemProps } from "@/types/components/hotelPage/sidepeek/restaurantBar" -export default function RestaurantBarItem({ +export default async function RestaurantBarItem({ restaurant, }: RestaurantBarItemProps) { + const intl = await getIntl() const { name, openingDetails, menus } = restaurant const { images, bookTableUrl } = restaurant.content const visibleImages = restaurant.content.images.slice(0, 2) const imageWidth = images.length === 2 ? 240 : 496 + // TODO: Not defined where this should lead. const ctaUrl = "" - console.log({ bookTableUrl: bookTableUrl }) return (
-

{name}

+ {name}
@@ -45,7 +46,9 @@ export default function RestaurantBarItem({ {openingDetails.length ? (
-

Opening Hours

+ + {intl.formatMessage({ id: "Opening Hours" })} + {openingDetails.map((details) => ( -

Menus

+ {intl.formatMessage({ id: "Menus" })}
    {menus.map(({ name, url }) => ( @@ -70,7 +73,6 @@ export default function RestaurantBarItem({ textDecoration="underline" variant="icon" color="baseTextMediumContrast" - className={styles.menuLink} > {name} @@ -84,14 +86,21 @@ export default function RestaurantBarItem({
    {bookTableUrl ? ( ) : null} {ctaUrl ? ( ) : null}
    diff --git a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/index.tsx b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/index.tsx index 44ec4e7eb..d299aa960 100644 --- a/components/ContentType/HotelPage/SidePeeks/RestaurantBar/index.tsx +++ b/components/ContentType/HotelPage/SidePeeks/RestaurantBar/index.tsx @@ -13,8 +13,8 @@ import type { RestaurantBarSidePeekProps } from "@/types/components/hotelPage/si export default async function RestaurantBarSidePeek({ restaurants, }: RestaurantBarSidePeekProps) { - const lang = getLang() const intl = await getIntl() + const lang = getLang() return (