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

fix: improve labels

Browse Source
This commit is contained in:
Michael Zetterberg
2025-02-28 13:26:47 +01:00
parent a25b9bfba0
commit b8ad88de1b
25 changed files with 201 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/ContentType/HotelPage/AmenitiesList/index.tsx
View File

@@ -46,7 +46,7 @@ export default async function AmenitiesList({
variant="icon"
className={styles.showAllAmenities}
>
{intl.formatMessage({ id: "Show all amenities" })}
{intl.formatMessage({ id: "See all amenities" })}
<ChevronRightSmallIcon color="burgundy" />
</Link>
</section>

4
apps/scandic-web/components/ContentType/HotelPage/Facilities/index.tsx
View File

@@ -49,11 +49,9 @@ export default async function Facilities({
function translateButtonText(text: string) {
switch (text) {
case FacilityCardButtonText.MEETINGS:
return intl.formatMessage({ id: "About meetings & conferences" })
case FacilityCardButtonText.RESTAURANT:
return intl.formatMessage({ id: "Read more & book a table" })
case FacilityCardButtonText.WELLNESS:
return intl.formatMessage({ id: "Read more about wellness & exercise" })
return intl.formatMessage({ id: "Read more" })
default:
console.warn(`Unsupported option given: ${text}`)
return intl.formatMessage({ id: "Read more" })

2
apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx
View File

@@ -73,7 +73,7 @@ export default async function IntroSection({
href={`#s-${SidepeekSlugs.about}`}
scroll={false}
>
{intl.formatMessage({ id: "Read more about the hotel" })}
{intl.formatMessage({ id: "Read more" })}
<ChevronRightSmallIcon color="burgundy" />
</Link>
</div>

2
apps/scandic-web/components/ContentType/HotelPage/Rooms/RoomCard/index.tsx
View File

@@ -53,7 +53,7 @@ export function RoomCard({ room }: RoomCardProps) {
<Body color="grey">
{intl.formatMessage(
{
id: "{size} ({max, plural, one {{range} person} other {{range} persons}})",
id: "{size} ({max, plural, one {{range} guest} other {{range} guests}})",
},
{
size,

4
apps/scandic-web/components/ContentType/HotelPage/Rooms/index.tsx
View File

@@ -59,10 +59,10 @@ export function Rooms({ rooms, preamble }: RoomsProps) {
loadMoreData={handleShowMore}
showLess={allRoomsVisible}
textShowMore={intl.formatMessage({
id: "Show more rooms",
id: "Show more",
})}
textShowLess={intl.formatMessage({
id: "Show less rooms",
id: "Show less",
})}
/>
) : null}

2
apps/scandic-web/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/index.tsx
View File

@@ -84,7 +84,7 @@ export default async function MeetingsAndConferencesSidePeek({
color="burgundy"
appendToCurrentPath
>
{intl.formatMessage({ id: "About meetings & conferences" })}
{intl.formatMessage({ id: "Read more" })}
</Link>
</Button>
</div>

11
apps/scandic-web/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/util.ts
View File

@@ -28,15 +28,12 @@ export async function getRoomText(roomSizes: number[]) {
let roomText
if (largestRoom === smallestRoom) {
roomText = intl.formatMessage(
{ id: "{value} square meters" },
{ value: largestRoom }
)
roomText = intl.formatMessage({ id: "{value} m²" }, { value: largestRoom })
} else if (smallestRoom != null && largestRoom) {
{
roomText = intl.formatMessage(
{
id: "{smallest} to {largest} square meters",
id: "{smallest}–{largest} m²",
},
{ largest: largestRoom, smallest: smallestRoom }
)
@@ -53,14 +50,14 @@ export async function getSeatingText(roomSeating: number[]) {
let seatingText
if (biggestSeating === smallestSeating) {
seatingText = intl.formatMessage(
{ id: "{value} persons" },
{ id: "{value, plural, one {# guest} other {# guests}}" },
{ value: biggestSeating }
)
} else if (smallestSeating != null && biggestSeating) {
{
seatingText = intl.formatMessage(
{
id: "{lowest} to {highest} persons",
id: "{lowest}–{highest} guests",
},
{ highest: biggestSeating, lowest: smallestSeating }
)

2
apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/index.tsx
View File

@@ -101,7 +101,7 @@ export default async function RestaurantBarItem({
trackingParams={{ restaurantName: name }}
>
{restaurantPage && !mainBody?.length
? intl.formatMessage({ id: "Read more & book a table" })
? intl.formatMessage({ id: "Read more" })
: intl.formatMessage({ id: "Book a table online" })}
</ButtonLink>
) : null}

8
apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/Facility/index.tsx
View File

@@ -38,9 +38,9 @@ export default async function Facility({ data }: FacilityProps) {
<div className={styles.openingHours}>
<Body color="uiTextHighContrast">
{ordinaryOpeningTimes.alwaysOpen
? intl.formatMessage({ id: "Mon-Fri Always open" })
? intl.formatMessage({ id: "Mon–Fri: Always open" })
: intl.formatMessage(
{ id: "Mon-Fri {openingTime}-{closingTime}" },
{ id: "Mon–Fri: {openingTime}–{closingTime}" },
{
openingTime: ordinaryOpeningTimes.openingTime,
closingTime: ordinaryOpeningTimes.closingTime,
@@ -49,9 +49,9 @@ export default async function Facility({ data }: FacilityProps) {
</Body>
<Body color="uiTextHighContrast">
{weekendOpeningTimes.alwaysOpen
? intl.formatMessage({ id: "Sat-Sun Always open" })
? intl.formatMessage({ id: "Sat–Sun: Always open" })
: intl.formatMessage(
{ id: "Sat-Sun {openingTime}-{closingTime}" },
{ id: "Sat–Sun: {openingTime}–{closingTime}" },
{
openingTime: weekendOpeningTimes.openingTime,
closingTime: weekendOpeningTimes.closingTime,

4
apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/index.tsx
View File

@@ -20,7 +20,7 @@ export default async function WellnessAndExerciseSidePeek({
return (
<SidePeek
contentKey={SidepeekSlugs.wellness}
title={intl.formatMessage({ id: "Wellness & Exercise" })}
title={intl.formatMessage({ id: "Gym & Wellness" })}
>
<div className={styles.wrapper}>
{healthFacilities.map((facility) => (
@@ -44,7 +44,7 @@ export default async function WellnessAndExerciseSidePeek({
color="burgundy"
appendToCurrentPath
>
{intl.formatMessage({ id: "Show wellness & exercise" })}
{intl.formatMessage({ id: "Show Gym & Wellness" })}
</Link>
</Button>
)}

2
apps/scandic-web/components/ContentType/HotelPage/TabNavigation/index.tsx
View File

@@ -72,7 +72,7 @@ export default function TabNavigation({
hash: HotelHashValues.wellness,
text:
tabValues?.health_wellness ||
intl.formatMessage({ id: "Wellness & Exercise" }),
intl.formatMessage({ id: "Gym & Wellness" }),
},
]
: []),

4
apps/scandic-web/components/ContentType/HotelSubpage/AdditionalContent/Meetings/index.tsx
View File

@@ -44,10 +44,10 @@ export default function MeetingsAdditionalContent({
loadMoreData={handleShowMore}
showLess={allRoomsVisible}
textShowMore={intl.formatMessage({
id: "Show more rooms",
id: "Show more",
})}
textShowLess={intl.formatMessage({
id: "Show less rooms",
id: "Show less",
})}
/>
) : null}

8
apps/scandic-web/components/ContentType/HotelSubpage/Sidebar/WellnessSidebar.tsx
View File

@@ -32,9 +32,9 @@ export default async function WellnessSidebar({ hotel }: WellnessSidebarProps) {
</Subtitle>
<Body color="uiTextHighContrast">
{facility.openingDetails.openingHours.ordinary.alwaysOpen
? intl.formatMessage({ id: "Mon-Fri Always open" })
? intl.formatMessage({ id: "Mon–Fri: Always open" })
: intl.formatMessage(
{ id: "Mon-Fri {openingTime}-{closingTime}" },
{ id: "Mon–Fri: {openingTime}–{closingTime}" },
{
openingTime:
facility.openingDetails.openingHours.ordinary
@@ -47,9 +47,9 @@ export default async function WellnessSidebar({ hotel }: WellnessSidebarProps) {
</Body>
<Body color="uiTextHighContrast">
{facility.openingDetails.openingHours.weekends.alwaysOpen
? intl.formatMessage({ id: "Sat-Sun Always open" })
? intl.formatMessage({ id: "Sat–Sun: Always open" })
: intl.formatMessage(
{ id: "Sat-Sun {openingTime}-{closingTime}" },
{ id: "Sat–Sun: {openingTime}–{closingTime}" },
{
openingTime:
facility.openingDetails.openingHours.weekends

2
apps/scandic-web/components/ContentType/HotelSubpage/utils.ts
View File

@@ -49,7 +49,7 @@ export function getSubpageData(
)?.content.images[0]
return {
...additionalData.healthAndFitness,
heading: intl.formatMessage({ id: "Wellness & Exercise" }),
heading: intl.formatMessage({ id: "Gym & Wellness" }),
heroImage: wellnessImage
? {
src: wellnessImage.imageSizes.medium,

2
apps/scandic-web/components/HotelReservation/BookingConfirmation/Header/index.tsx
View File

@@ -69,7 +69,7 @@ export default function Header({
</hgroup>
<Subtitle color="uiTextHighContrast" type="two">
{intl.formatMessage(
{ id: "Reservation number {value}" },
{ id: "Booking number {value}" },
{
value: booking.confirmationNumber,
}

2
apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/index.tsx
View File

@@ -84,7 +84,7 @@ export default async function HotelInfoCard({ hotelData }: HotelInfoCardProps) {
})}
</div>
<ReadMore
label={intl.formatMessage({ id: "Show all amenities" })}
label={intl.formatMessage({ id: "See all amenities" })}
hotelId={hotel.operaId}
hotel={hotel}
showCTA={false}