diff --git a/components/ContentType/HotelPage/TabNavigation/index.tsx b/components/ContentType/HotelPage/TabNavigation/index.tsx index 220139770..b14476189 100644 --- a/components/ContentType/HotelPage/TabNavigation/index.tsx +++ b/components/ContentType/HotelPage/TabNavigation/index.tsx @@ -11,9 +11,7 @@ import { type TabNavigationProps, } from "@/types/components/hotelPage/tabNavigation" -export default function TabNavigation({ - restaurantRefData, -}: TabNavigationProps) { +export default function TabNavigation({ restaurantTitle }: TabNavigationProps) { const hash = useHash() const intl = useIntl() @@ -24,8 +22,8 @@ export default function TabNavigation({ }, { href: HotelHashValues.rooms, text: intl.formatMessage({ id: "Rooms" }) }, { - href: "#" + restaurantRefData.href.en, - text: intl.formatMessage({ id: restaurantRefData.title }), + href: HotelHashValues.restaurant, + text: intl.formatMessage({ id: restaurantTitle }), }, { href: HotelHashValues.meetings, diff --git a/components/ContentType/HotelPage/index.tsx b/components/ContentType/HotelPage/index.tsx index d6130acbc..9b27a4c12 100644 --- a/components/ContentType/HotelPage/index.tsx +++ b/components/ContentType/HotelPage/index.tsx @@ -6,9 +6,8 @@ import SidePeekProvider from "@/components/SidePeekProvider" import SidePeek from "@/components/TempDesignSystem/SidePeek" import { getIntl } from "@/i18n" import { getLang } from "@/i18n/serverContext" - import { - getRestaurantDynamicTitles, + getRestaurantHeading, setActivityCard, setFacilityCards, } from "@/utils/facilityCards" @@ -70,7 +69,7 @@ export default async function HotelPage() {
diff --git a/constants/routes/hotelPageParams.js b/constants/routes/hotelPageParams.js index c37b59869..97c51b4b5 100644 --- a/constants/routes/hotelPageParams.js +++ b/constants/routes/hotelPageParams.js @@ -52,7 +52,7 @@ export const restaurantAndBar = { de: "Restaurant-und-Bar", } -export const restaurant = { +/*export const restaurant = { en: "restaurant", sv: "restaurant", no: "restaurant", @@ -78,7 +78,7 @@ export const breakfastRestaurant = { fi: "aamiaisravintola", de: "Frühstücksrestaurant", } - +*/ const params = { about, amenities, @@ -86,9 +86,9 @@ const params = { activities, meetingsAndConferences, restaurantAndBar, - bar, + /*bar, restaurant, - breakfastRestaurant, + breakfastRestaurant,*/ } export default params diff --git a/types/components/hotelPage/tabNavigation.ts b/types/components/hotelPage/tabNavigation.ts index b6368934c..c16f6c1ab 100644 --- a/types/components/hotelPage/tabNavigation.ts +++ b/types/components/hotelPage/tabNavigation.ts @@ -1,6 +1,7 @@ export enum HotelHashValues { // Should these be translated? overview = "#overview", rooms = "#rooms-section", + restaurant = "#restaurant-and-bar", meetings = "#meetings-and-conferences", wellness = "#wellness-and-exercise", activities = "#activities", @@ -8,5 +9,5 @@ export enum HotelHashValues { // Should these be translated? } export type TabNavigationProps = { - restaurantRefData: { href: any; title: string } + restaurantTitle: string } diff --git a/utils/facilityCards.ts b/utils/facilityCards.ts index 6d4ce6801..3e9fd0d67 100644 --- a/utils/facilityCards.ts +++ b/utils/facilityCards.ts @@ -1,8 +1,5 @@ import { - bar, - breakfastRestaurant, meetingsAndConferences, - restaurant, restaurantAndBar, wellnessAndExercise, } from "@/constants/routes/hotelPageParams" @@ -92,7 +89,7 @@ export async function setFacilityCards( switch (facility.id) { case FacilityEnum.wellness: card.theme = "one" - card.id = "wellness-and-exercise" + card.id = wellnessAndExercise[lang] ;(card.heading = intl.formatMessage({ id: "Sauna and gym" })), (card.secondaryButton = { href: `?s=${wellnessAndExercise[lang]}`, @@ -106,7 +103,7 @@ export async function setFacilityCards( case FacilityEnum.conference: card.theme = "primaryDim" - card.id = "meetings-and-conferences" + card.id = meetingsAndConferences[lang] ;(card.heading = intl.formatMessage({ id: "Events that make an impression", })), @@ -119,14 +116,14 @@ export async function setFacilityCards( break case FacilityEnum.restaurant: - const { href, title } = getRestaurantDynamicTitles(amenities) + const title = getRestaurantHeading(amenities) card.theme = "primaryDark" - card.id = href[lang] + card.id = restaurantAndBar[lang] card.heading = intl.formatMessage({ id: "Enjoy relaxed restaurant experiences", }) card.secondaryButton = { - href: `?s=${href[lang]}`, + href: `?s=${restaurantAndBar[lang]}`, title: intl.formatMessage({ id: "Read more & book a table" }), isExternal: false, } @@ -138,7 +135,7 @@ export async function setFacilityCards( return cards } -export function getRestaurantDynamicTitles( +export function getRestaurantHeading( amenities: HotelData["data"]["attributes"]["detailedFacilities"] ) { const hasBar = amenities.some( @@ -146,20 +143,20 @@ export function getRestaurantDynamicTitles( ) const hasRestaurant = amenities.some((facility) => facility.id == 1383) // restaurant id - let href, title: string + //let href, + let title: string if (hasBar && hasRestaurant) { - href = restaurantAndBar + //href = restaurantAndBar title = "Restaurant & Bar" } else if (hasBar) { - href = bar + //href = bar title = "Bar" } else if (hasRestaurant) { - href = restaurant + //href = restaurant title = "Restaurant" } else { - href = breakfastRestaurant + //href = breakfastRestaurant title = "Breakfast restaurant" } - - return { href, title } + return title }