fix(i18n): prepare for Lokalise

2025-01-03 14:54:46 +01:00
parent cbc17e2c5b
commit d2ce9c0d7c
120 changed files with 1703 additions and 1042 deletions
@@ -85,7 +85,7 @@ export default function PriceList({
            </div>
          ) : (
            <Subtitle type="two" color="baseTextDisabled">
-              {intl.formatMessage({ id: "n/a" })}
+              {intl.formatMessage({ id: "N/A" })}
            </Subtitle>
          )}
        </dd>
@@ -112,7 +112,7 @@ export default function PriceList({
            </div>
          ) : (
            <Body textTransform="bold" color="disabled">
-              - {intl.formatMessage({ id: "Currency Code" })}
+              -
            </Body>
          )}
        </dd>
@@ -126,9 +126,14 @@ export default function PriceList({
          </dt>
          <dd>
            <Caption color="uiTextMediumContrast">
-              {totalPublicRequestedPricePerNight}/
-              {totalMemberRequestedPricePerNight}{" "}
-              {publicRequestedPrice.currency}
+              {intl.formatMessage(
+                { id: "{publicPrice}/{memberPrice} {currency}" },
+                {
+                  publicPrice: totalPublicRequestedPricePerNight,
+                  memberPrice: totalMemberRequestedPricePerNight,
+                  currency: publicRequestedPrice.currency,
+                }
+              )}
            </Caption>
          </dd>
        </div>
@@ -80,15 +80,15 @@ export default function RateSummary({
  const showMemberDiscountBanner = member && !isUserLoggedIn

  const summaryPriceText = `${intl.formatMessage(
-    { id: "booking.nights" },
+    { id: "{totalNights, plural, one {# night} other {# nights}}" },
    { totalNights: nights }
  )}, ${intl.formatMessage(
-    { id: "booking.adults" },
+    { id: "{totalAdults, plural, one {# adult} other {# adults}}" },
    { totalAdults: roomsAvailability.occupancy?.adults }
  )}${
    roomsAvailability.occupancy?.children?.length
      ? `, ${intl.formatMessage(
-          { id: "booking.children" },
+          { id: "{totalChildren, plural, one {# child} other {# children}}" },
          { totalChildren: roomsAvailability.occupancy.children.length }
        )}`
      : ""
@@ -136,11 +136,15 @@ export default function RateSummary({
              </Subtitle>
              {totalPriceToShow?.requestedPrice ? (
                <Body color="uiTextMediumContrast">
-                  {intl.formatMessage({ id: "Approx." })}{" "}
-                  {formatPrice(
-                    intl,
-                    totalPriceToShow.requestedPrice.price,
-                    totalPriceToShow.requestedPrice.currency
+                  {intl.formatMessage(
+                    { id: "Approx. {value}" },
+                    {
+                      value: formatPrice(
+                        intl,
+                        totalPriceToShow.requestedPrice.price,
+                        totalPriceToShow.requestedPrice.currency
+                      ),
+                    }
                  )}
                </Body>
              ) : null}
@@ -118,10 +118,12 @@ export default function RoomCard({
            {roomConfiguration.roomsLeft > 0 &&
              roomConfiguration.roomsLeft < 5 && (
                <span className={styles.chip}>
-                  <Footnote
-                    color="burgundy"
-                    textTransform="uppercase"
-                  >{`${roomConfiguration.roomsLeft} ${intl.formatMessage({ id: "Left" })}`}</Footnote>
+                  <Footnote color="burgundy" textTransform="uppercase">
+                    {intl.formatMessage(
+                      { id: "{amount, number} left" },
+                      { amount: roomConfiguration.roomsLeft }
+                    )}
+                  </Footnote>
                </span>
              )}
            {roomConfiguration.features
@@ -150,7 +152,7 @@ export default function RoomCard({
            <Caption color="uiTextMediumContrast" className={styles.guests}>
              {intl.formatMessage(
                {
-                  id: "booking.guests",
+                  id: "Max {max, plural, one {{range} guest} other {{range} guests}}",
                },
                { max: totalOccupancy.max, range: totalOccupancy.range }
              )}
@@ -159,9 +161,21 @@ export default function RoomCard({
          {roomSize && (
            <Caption color="uiTextMediumContrast">
              {roomSize.min === roomSize.max
-                ? roomSize.min
-                : `${roomSize.min}-${roomSize.max}`}
-              m²
+                ? intl.formatMessage(
+                    { id: "{roomSize} m²" },
+                    {
+                      roomSize: roomSize.min,
+                    }
+                  )
+                : intl.formatMessage(
+                    {
+                      id: "{roomSizeMin} - {roomSizeMax} m²",
+                    },
+                    {
+                      roomSizeMin: roomSize.min,
+                      roomSizeMax: roomSize.max,
+                    }
+                  )}
            </Caption>
          )}
          <div className={styles.toggleSidePeek}>