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

apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/EmptyPreviousStays/index.tsx

@@ -9,7 +9,7 @@ export default async function EmptyPreviousStaysBlock() {
     <section className={styles.container}>
       <Title as="h4" level="h3" color="red" textAlign="center">
         {intl.formatMessage({
-          id: "You have no previous stays.",
+          defaultMessage: "You have no previous stays.",
         })}
       </Title>
     </section>

apps/scandic-web/components/Blocks/DynamicContent/Stays/ShowMoreButton/index.tsx

@@ -30,7 +30,9 @@ export default function ShowMoreButton({
           size={20}
           color="CurrentColor"
         />
-        {intl.formatMessage({ id: "Show more" })}
+        {intl.formatMessage({
+          defaultMessage: "Show more",
+        })}
       </Button>
     </div>
   )

apps/scandic-web/components/Blocks/DynamicContent/Stays/Soonest/EmptyUpcomingStays/index.tsx

@@ -28,14 +28,20 @@ export default async function EmptyUpcomingStaysBlock() {
           className={styles.title}
           textAlign="center"
         >
-          {intl.formatMessage({ id: "You have no upcoming stays." })}
+          {intl.formatMessage({
+            defaultMessage: "You have no upcoming stays.",
+          })}
           <span className={styles.burgundyTitle}>
-            {intl.formatMessage({ id: "Where should you go next?" })}
+            {intl.formatMessage({
+              defaultMessage: "Where should you go next?",
+            })}
           </span>
         </Title>
       </div>
       <Link href={href} className={styles.link} color="peach80">
-        {intl.formatMessage({ id: "Get inspired" })}
+        {intl.formatMessage({
+          defaultMessage: "Get inspired",
+        })}
         <MaterialIcon icon="arrow_forward" color="CurrentColor" />
       </Link>
     </section>

apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/index.tsx

@@ -59,6 +59,7 @@ export default function StayCard({ stay }: StayCardProps) {
             <Caption asChild>
               <time dateTime={arrivalDateTime}>{arrivalDate}</time>
             </Caption>
+            {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
             {" - "}
             <Caption asChild>
               <time dateTime={departDateTime}>{departDate}</time>

apps/scandic-web/components/Blocks/DynamicContent/Stays/Upcoming/EmptyUpcomingStays/index.tsx

@@ -28,14 +28,20 @@ export default async function EmptyUpcomingStaysBlock() {
           className={styles.title}
           textAlign="center"
         >
-          {intl.formatMessage({ id: "You have no upcoming stays." })}
+          {intl.formatMessage({
+            defaultMessage: "You have no upcoming stays.",
+          })}
           <span className={styles.burgundyTitle}>
-            {intl.formatMessage({ id: "Where should you go next?" })}
+            {intl.formatMessage({
+              defaultMessage: "Where should you go next?",
+            })}
           </span>
         </Title>
       </div>
       <Link href={href} className={styles.link} color="peach80">
-        {intl.formatMessage({ id: "Get inspired" })}
+        {intl.formatMessage({
+          defaultMessage: "Get inspired",
+        })}
         <MaterialIcon icon="arrow_forward" color="CurrentColor" />
       </Link>
     </section>