feat(SW-706): make eslint rule 'formatjs/no-literal-string-in-jsx' pass

apps/scandic-web/components/HotelReservation/HotelCard/HotelPriceCard/index.tsx

@@ -26,7 +26,9 @@ export default function HotelPriceCard({
           <div className={styles.priceRow}>
             <dt>
               <Caption color="red">
-                {intl.formatMessage({ id: "Member price" })}
+                {intl.formatMessage({
+                  defaultMessage: "Member price",
+                })}
               </Caption>
             </dt>
           </div>
@@ -34,7 +36,9 @@ export default function HotelPriceCard({
           <div className={styles.priceRow}>
             <dt>
               <Caption color="uiTextHighContrast">
-                {intl.formatMessage({ id: "Standard price" })}
+                {intl.formatMessage({
+                  defaultMessage: "Standard price",
+                })}
               </Caption>
             </dt>
           </div>
@@ -45,7 +49,9 @@ export default function HotelPriceCard({
             type="bold"
             color={isMemberPrice ? "red" : "uiTextHighContrast"}
           >
-            {intl.formatMessage({ id: "From" })}
+            {intl.formatMessage({
+              defaultMessage: "From",
+            })}
           </Caption>
         </dt>
         <dd>
@@ -61,8 +67,12 @@ export default function HotelPriceCard({
               textTransform="bold"
             >
               {productTypePrices.localPrice.currency}
+              {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
               <span className={styles.perNight}>
-                /{intl.formatMessage({ id: "night" })}
+                /
+                {intl.formatMessage({
+                  defaultMessage: "night",
+                })}
               </span>
             </Body>
           </div>
@@ -72,12 +82,15 @@ export default function HotelPriceCard({
         <div className={styles.priceRow}>
           <dt>
             <Caption color="uiTextMediumContrast">
-              {intl.formatMessage({ id: "Approx." })}
+              {intl.formatMessage({
+                defaultMessage: "Approx.",
+              })}
             </Caption>
           </dt>
           <dd>
             <Caption color={"uiTextMediumContrast"}>
-              {productTypePrices.requestedPrice.pricePerNight}{" "}
+              {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+              {`${productTypePrices.requestedPrice.pricePerNight} `}
               {productTypePrices.requestedPrice.currency}
             </Caption>
           </dd>
@@ -92,12 +105,15 @@ export default function HotelPriceCard({
             <div className={styles.priceRow}>
               <dt>
                 <Caption color="uiTextMediumContrast">
-                  {intl.formatMessage({ id: "Total" })}
+                  {intl.formatMessage({
+                    defaultMessage: "Total",
+                  })}
                 </Caption>
               </dt>
               <dd>
                 <Caption color={"uiTextMediumContrast"}>
-                  {productTypePrices.localPrice.pricePerStay}{" "}
+                  {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+                  {`${productTypePrices.localPrice.pricePerStay} `}
                   {productTypePrices.localPrice.currency}
                 </Caption>
               </dd>