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

apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/JoinScandicFriendsCard/index.tsx

@@ -25,14 +25,26 @@ export default function JoinScandicFriendsCard({
   }
 
   const list = [
-    { title: intl.formatMessage({ id: "Earn bonus nights & points" }) },
-    { title: intl.formatMessage({ id: "Get member benefits & offers" }) },
-    { title: intl.formatMessage({ id: "Join at no cost" }) },
+    {
+      title: intl.formatMessage({
+        defaultMessage: "Earn bonus nights & points",
+      }),
+    },
+    {
+      title: intl.formatMessage({
+        defaultMessage: "Get member benefits & offers",
+      }),
+    },
+    {
+      title: intl.formatMessage({
+        defaultMessage: "Join at no cost",
+      }),
+    },
   ]
 
   const saveOnJoiningLabel = intl.formatMessage(
     {
-      id: "Pay the member price of {amount} for Room {roomNr}",
+      defaultMessage: "Pay the member price of {amount} for Room {roomNr}",
     },
     {
       amount: formatPrice(
@@ -53,7 +65,8 @@ export default function JoinScandicFriendsCard({
           </Caption>
           <Caption color="uiTextHighContrast">
             {intl.formatMessage({
-              id: "I promise to join Scandic Friends before checking in",
+              defaultMessage:
+                "I promise to join Scandic Friends before checking in",
             })}
           </Caption>
         </div>

apps/scandic-web/components/HotelReservation/EnterDetails/Details/Multiroom/index.tsx

@@ -75,42 +75,56 @@ export default function Details() {
             type="label"
             className={styles.fullWidth}
           >
-            {intl.formatMessage({ id: "Guest information" })}
+            {intl.formatMessage({
+              defaultMessage: "Guest information",
+            })}
           </Footnote>
           <Input
-            label={intl.formatMessage({ id: "First name" })}
+            label={intl.formatMessage({
+              defaultMessage: "First name",
+            })}
             maxLength={30}
             name="firstName"
             registerOptions={{ required: true }}
           />
           <Input
-            label={intl.formatMessage({ id: "Last name" })}
+            label={intl.formatMessage({
+              defaultMessage: "Last name",
+            })}
             maxLength={30}
             name="lastName"
             registerOptions={{ required: true }}
           />
           <CountrySelect
             className={styles.fullWidth}
-            label={intl.formatMessage({ id: "Country" })}
+            label={intl.formatMessage({
+              defaultMessage: "Country",
+            })}
             name="countryCode"
             registerOptions={{ required: true }}
           />
           <Input
             className={styles.fullWidth}
-            label={intl.formatMessage({ id: "Email address" })}
+            label={intl.formatMessage({
+              defaultMessage: "Email address",
+            })}
             name="email"
             registerOptions={{ required: true }}
           />
           <Phone
             className={styles.fullWidth}
-            label={intl.formatMessage({ id: "Phone number" })}
+            label={intl.formatMessage({
+              defaultMessage: "Phone number",
+            })}
             name="phoneNumber"
             registerOptions={{ required: true }}
           />
           {guestIsGoingToJoin ? null : (
             <Input
               className={styles.fullWidth}
-              label={intl.formatMessage({ id: "Membership no" })}
+              label={intl.formatMessage({
+                defaultMessage: "Membership no",
+              })}
               name="membershipNo"
               type="tel"
             />
@@ -131,9 +145,13 @@ export default function Details() {
             type="submit"
           >
             {isPaymentNext
-              ? intl.formatMessage({ id: "Continue" })
+              ? intl.formatMessage({
+                  defaultMessage: "Continue",
+                })
               : intl.formatMessage(
-                  { id: "Continue to room {nextRoomNumber}" },
+                  {
+                    defaultMessage: "Continue to room {nextRoomNumber}",
+                  },
                   { nextRoomNumber: roomNr + 1 }
                 )}
           </Button>