fix(SW-1241): Adjusted amenities sidepeek on hotel pages and booking flow

Approved-by: Michael Zetterberg
Approved-by: Matilda Landström

apps/scandic-web/components/OpeningHours/AlternateOpeningHours/index.tsx

@@ -1,7 +1,10 @@
+"use client"
+
+import { useIntl } from "react-intl"
+
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import Divider from "@/components/TempDesignSystem/Divider"
-import { getIntl } from "@/i18n"
 
 import { getGroupedOpeningHours } from "../utils"
 
@@ -13,10 +16,10 @@ interface AlternateOpeningHoursProps {
   alternateOpeningHours: RestaurantOpeningHours
 }
 
-export default async function AlternateOpeningHours({
+export default function AlternateOpeningHours({
   alternateOpeningHours,
 }: AlternateOpeningHoursProps) {
-  const intl = await getIntl()
+  const intl = useIntl()
   const groupedAlternateOpeningHours = alternateOpeningHours
     ? getGroupedOpeningHours(alternateOpeningHours, intl)
     : null

apps/scandic-web/components/OpeningHours/index.tsx

@@ -1,6 +1,8 @@
-import { Typography } from "@scandic-hotels/design-system/Typography"
+"use client"
 
-import { getIntl } from "@/i18n"
+import { useIntl } from "react-intl"
+
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import Divider from "../TempDesignSystem/Divider"
 import AlternateOpeningHours from "./AlternateOpeningHours"
@@ -8,14 +10,20 @@ import { getGroupedOpeningHours } from "./utils"
 
 import styles from "./openingHours.module.css"
 
-import type { OpeningHoursProps } from "@/types/components/hotelPage/sidepeek/openingHours"
+import type { RestaurantOpeningHours } from "@/types/hotel"
 
-export default async function OpeningHours({
+interface OpeningHoursProps {
+  openingHours: RestaurantOpeningHours
+  alternateOpeningHours?: RestaurantOpeningHours
+  heading?: string
+}
+
+export default function OpeningHours({
   openingHours,
   alternateOpeningHours,
   heading,
 }: OpeningHoursProps) {
-  const intl = await getIntl()
+  const intl = useIntl()
   const groupedOpeningHours = getGroupedOpeningHours(openingHours, intl)
 
   return (