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

fix(i18n): prepare for Lokalise

Browse Source
This commit is contained in:
Michael Zetterberg
2025-01-03 14:54:46 +01:00
parent cbc17e2c5b
commit d2ce9c0d7c
120 changed files with 1703 additions and 1042 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
components/SidePeeks/RoomSidePeek/index.tsx
View File

@@ -21,6 +21,7 @@ export default function RoomSidePeek({
const intl = useIntl()
const roomSize = room.roomSize
const totalOccupancy = room.occupancy
const roomDescription = room.descriptions.medium
const images = room.images
@@ -34,13 +35,27 @@ export default function RoomSidePeek({
<div className={styles.mainContent}>
<Body color="baseTextMediumContrast">
{roomSize.min === roomSize.max
? roomSize.min
: `${roomSize.min} - ${roomSize.max}`}
m².{" "}
{intl.formatMessage(
{ id: "booking.accommodatesUpTo" },
{ max: room.totalOccupancy.max, range: room.totalOccupancy.range }
)}
? intl.formatMessage(
{
id: "{roomSize} m². Accommodates up to {max, plural, one {{range} person} other {{range} people}}",
},
{
roomSize: roomSize.min,
max: room.totalOccupancy.max,
range: room.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: room.totalOccupancy.max,
range: room.totalOccupancy.range,
}
)}
</Body>
<div className={styles.imageContainer}>
<ImageGallery images={images} title={room.name} height={280} />
@@ -49,7 +64,7 @@ export default function RoomSidePeek({
</div>
<div className={styles.listContainer}>
<Subtitle type="two" color="uiTextHighContrast">
{intl.formatMessage({ id: "booking.thisRoomIsEquippedWith" })}
{intl.formatMessage({ id: "This room is equipped with" })}
</Subtitle>
<ul className={styles.facilityList}>
{room.roomFacilities
@@ -79,10 +94,10 @@ export default function RoomSidePeek({
</div>
<div className={styles.listContainer}>
<Subtitle type="two" color="uiTextHighContrast">
{intl.formatMessage({ id: "booking.bedOptions" })}
{intl.formatMessage({ id: "Bed options" })}
</Subtitle>
<Body color="grey">
{intl.formatMessage({ id: "booking.basedOnAvailability" })}
{intl.formatMessage({ id: "Based on availability" })}
</Body>
<ul className={styles.bedOptions}>
{room.roomTypes.map((roomType) => {