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

apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/index.tsx

@@ -71,7 +71,9 @@ export default function GuestDetails({
     onSuccess: (data) => {
       if (!data) {
         toast.error(
-          intl.formatMessage({ id: "Failed to update guest details" })
+          intl.formatMessage({
+            defaultMessage: "Failed to update guest details",
+          })
         )
 
         return
@@ -86,12 +88,20 @@ export default function GuestDetails({
         },
       })
 
-      toast.success(intl.formatMessage({ id: "Guest details updated" }))
+      toast.success(
+        intl.formatMessage({
+          defaultMessage: "Guest details updated",
+        })
+      )
       setIsModifyGuestDetailsOpen(false)
       setCurrentStep(MODAL_STEPS.INITIAL)
     },
     onError: () => {
-      toast.error(intl.formatMessage({ id: "Failed to update guest details" }))
+      toast.error(
+        intl.formatMessage({
+          defaultMessage: "Failed to update guest details",
+        })
+      )
     },
     onSettled: () => {
       setIsLoading(false)
@@ -127,7 +137,11 @@ export default function GuestDetails({
         <div className={styles.userDetails}>
           <div className={styles.userDetailsTitle}>
             <Typography variant="Title/Overline/sm">
-              <p>{intl.formatMessage({ id: "Your member tier" })}</p>
+              <p>
+                {intl.formatMessage({
+                  defaultMessage: "Your member tier",
+                })}
+              </p>
             </Typography>
           </div>
           <div className={styles.memberLevel}>
@@ -143,7 +157,11 @@ export default function GuestDetails({
               <MaterialIcon icon="diamond" color="Icon/Intense" />
 
               <Typography variant="Title/Overline/sm">
-                <p>{intl.formatMessage({ id: "Total points" })}</p>
+                <p>
+                  {intl.formatMessage({
+                    defaultMessage: "Total points",
+                  })}
+                </p>
               </Typography>
             </div>
 
@@ -163,7 +181,9 @@ export default function GuestDetails({
           <Typography variant="Body/Paragraph/mdRegular">
             <p className={styles.memberNumber}>
               {intl.formatMessage(
-                { id: "Member no. {nr}" },
+                {
+                  defaultMessage: "Member no. {nr}",
+                },
                 {
                   nr: user.membership.membershipNumber,
                 }
@@ -203,7 +223,11 @@ export default function GuestDetails({
             size={20}
           />
           <Typography variant="Body/Paragraph/mdRegular">
-            <span>{intl.formatMessage({ id: "Modify guest details" })}</span>
+            <span>
+              {intl.formatMessage({
+                defaultMessage: "Modify guest details",
+              })}
+            </span>
           </Typography>
         </Button>
       ) : (
@@ -228,7 +252,11 @@ export default function GuestDetails({
               size={20}
             />
             <Typography variant="Body/Paragraph/mdRegular">
-              <span>{intl.formatMessage({ id: "Modify guest details" })}</span>
+              <span>
+                {intl.formatMessage({
+                  defaultMessage: "Modify guest details",
+                })}
+              </span>
             </Typography>
           </Button>
           {isModifyGuestDetailsOpen && (
@@ -239,12 +267,16 @@ export default function GuestDetails({
               onToggle={setIsModifyGuestDetailsOpen}
             >
               <Dialog
-                aria-label={intl.formatMessage({ id: "Modify guest details" })}
+                aria-label={intl.formatMessage({
+                  defaultMessage: "Modify guest details",
+                })}
               >
                 {({ close }) => (
                   <FormProvider {...form}>
                     <ModalContentWithActions
-                      title={intl.formatMessage({ id: "Modify guest details" })}
+                      title={intl.formatMessage({
+                        defaultMessage: "Modify guest details",
+                      })}
                       onClose={() => setIsModifyGuestDetailsOpen(false)}
                       content={
                         booking.guest && (
@@ -256,8 +288,12 @@ export default function GuestDetails({
                       }
                       primaryAction={{
                         label: isFirstStep
-                          ? intl.formatMessage({ id: "Save updates" })
-                          : intl.formatMessage({ id: "Confirm" }),
+                          ? intl.formatMessage({
+                              defaultMessage: "Save updates",
+                            })
+                          : intl.formatMessage({
+                              defaultMessage: "Confirm",
+                            }),
                         onClick: isFirstStep
                           ? () => setCurrentStep(MODAL_STEPS.CONFIRMATION)
                           : () => form.handleSubmit(onSubmit)(),
@@ -266,8 +302,12 @@ export default function GuestDetails({
                       }}
                       secondaryAction={{
                         label: isFirstStep
-                          ? intl.formatMessage({ id: "Back" })
-                          : intl.formatMessage({ id: "Cancel" }),
+                          ? intl.formatMessage({
+                              defaultMessage: "Back",
+                            })
+                          : intl.formatMessage({
+                              defaultMessage: "Cancel",
+                            }),
                         onClick: () => {
                           close()
                           setCurrentStep(MODAL_STEPS.INITIAL)