scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/labels-english (pull request #1249)

Browse Source 
fix(i18n): validated English messages

Approved-by: Bianca Widstam
Approved-by: Christian Andolf
This commit is contained in:
Michael Zetterberg
2025-02-06 20:54:25 +00:00
parent 9fafb33d26
commit 1d822dad5a
21 changed files with 489 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
components/ContentType/HotelPage/SidePeeks/Room/index.tsx
View File

@@ -6,6 +6,7 @@ import { getFacilityIcon } from "@/components/SidePeeks/RoomSidePeek/facilityIco
import Button from "@/components/TempDesignSystem/Button"
import SidePeek from "@/components/TempDesignSystem/SidePeek"
import Body from "@/components/TempDesignSystem/Text/Body"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import { getIntl } from "@/i18n"
import { mapApiImagesToGalleryImages } from "@/utils/imageGallery"
@@ -28,30 +29,39 @@ export default async function RoomSidePeek({ room }: RoomSidePeekProps) {
<SidePeek contentKey={getRoomNameAsParam(room.name)} title={room.name}>
<div className={styles.content}>
<div className={styles.innerContent}>
<Body color="baseTextMediumContrast">
{roomSize.min === roomSize.max
? intl.formatMessage(
{
id: "{roomSize} m². Accommodates up to {max, plural, one {{range} person} other {{range} people}}",
},
{
roomSize: roomSize.min,
max: totalOccupancy.max,
range: totalOccupancy.range,
}
)
: intl.formatMessage(
{
id: "{roomSizeMin} - {roomSizeMax} m². Accommodates up to {max, plural, one {{range} person} other {{range} people}}",
},
{
roomSizeMin: roomSize.min,
roomSizeMax: roomSize.max,
max: totalOccupancy.max,
range: totalOccupancy.range,
}
)}
</Body>
{totalOccupancy && (
<Caption color="uiTextMediumContrast" className={styles.guests}>
{intl.formatMessage(
{
id: "Max. {max, plural, one {{range} guest} other {{range} guests}}",
},
{
max: totalOccupancy.max,
range: totalOccupancy.range,
}
)}
</Caption>
)}
{roomSize && (
<Caption color="uiTextMediumContrast">
{roomSize.min === roomSize.max
? intl.formatMessage(
{ id: "{roomSize} m²" },
{
roomSize: roomSize.min,
}
)
: intl.formatMessage(
{
id: "{roomSizeMin}–{roomSizeMax} m²",
},
{
roomSizeMin: roomSize.min,
roomSizeMax: roomSize.max,
}
)}
</Caption>
)}
<div className={styles.imageContainer}>
<ImageGallery
images={galleryImages}
@@ -64,7 +74,7 @@ export default async function RoomSidePeek({ room }: RoomSidePeekProps) {
<div className={styles.innerContent}>
<Subtitle type="two" color="uiTextHighContrast" asChild>
<h3>{intl.formatMessage({ id: "This room is equipped with" })}</h3>
<h3>{intl.formatMessage({ id: "Room amenities" })}</h3>
</Subtitle>
<ul className={styles.facilityList}>
{room.roomFacilities

5
components/ContentType/HotelPage/SidePeeks/Room/room.module.css
View File

@@ -11,6 +11,11 @@
gap: var(--Spacing-x-one-and-half);
}
.innerContent .guests {
border-right: 1px solid var(--Base-Border-Subtle);
padding-right: var(--Spacing-x1);
}
.imageContainer {
position: relative;
border-radius: var(--Corner-radius-Medium);