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

apps/scandic-web/components/Current/Header/BookingButton/index.tsx

@@ -10,7 +10,9 @@ export default function BookingButton({ href }: { href: string }) {
   const intl = useIntl()
   return (
     <a className={styles.button} href={href}>
-      {intl.formatMessage({ id: "Book" })}
+      {intl.formatMessage({
+        defaultMessage: "Book",
+      })}
     </a>
   )
 }

apps/scandic-web/components/Current/Header/LanguageSwitcher/Desktop/index.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable formatjs/no-literal-string-in-jsx */
+
 "use client"
 import { useCallback, useEffect, useRef, useState } from "react"
 

apps/scandic-web/components/Current/Header/LanguageSwitcher/Mobile/index.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable formatjs/no-literal-string-in-jsx */
+
 "use client"
 import { useState } from "react"
 

apps/scandic-web/components/Current/Header/MainMenu/index.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable formatjs/no-literal-string-in-jsx */
+
 "use client"
 import { usePathname } from "next/navigation"
 import { useIntl } from "react-intl"
@@ -119,7 +121,9 @@ export function MainMenu({
                     className={styles.mobileLinkButton}
                     href={myPages[lang]}
                   >
-                    {intl.formatMessage({ id: "My pages" })}
+                    {intl.formatMessage({
+                      defaultMessage: "My pages",
+                    })}
                   </Link>
                 </li>
               ) : (
@@ -139,7 +143,9 @@ export function MainMenu({
                       trackingId="loginStartHamburgerMenu"
                       className={styles.mobileLinkButton}
                     >
-                      {intl.formatMessage({ id: "Log in" })}
+                      {intl.formatMessage({
+                        defaultMessage: "Log in",
+                      })}
                     </LoginButton>
                   </li>
                 </>
@@ -153,7 +159,9 @@ export function MainMenu({
                   className={styles.mobileLinkButton}
                   href={findMyBooking[lang]}
                 >
-                  {intl.formatMessage({ id: "Find booking" })}
+                  {intl.formatMessage({
+                    defaultMessage: "Find booking",
+                  })}
                 </Link>
               </li>
             </ul>
@@ -202,7 +210,9 @@ export function MainMenu({
                   className={styles.mobileLink}
                   prefetch={false}
                 >
-                  {intl.formatMessage({ id: "Log out" })}
+                  {intl.formatMessage({
+                    defaultMessage: "Log out",
+                  })}
                 </Link>
               </li>
             ) : null}
@@ -211,7 +221,9 @@ export function MainMenu({
             <div className={styles.myPagesDesktopLink}>
               {!isThreeStaticPagesPathnames && user ? (
                 <Link className={styles.link} href={myPages[lang]}>
-                  {intl.formatMessage({ id: "My pages" })}
+                  {intl.formatMessage({
+                    defaultMessage: "My pages",
+                  })}
                 </Link>
               ) : null}
             </div>

apps/scandic-web/components/Current/Header/MyPagesMobileDropdown/index.tsx

@@ -30,7 +30,9 @@ export default function MyPagesMobileDropdown() {
     >
       <Title textTransform="capitalize" level="h5">
         <div className={styles.heading}>
-          {intl.formatMessage({ id: "My pages" })}
+          {intl.formatMessage({
+            defaultMessage: "My pages",
+          })}
         </div>
       </Title>
 
@@ -123,7 +125,9 @@ function SecondaryLinks({ handleOnClick }: { handleOnClick: () => void }) {
           color="burgundy"
           variant="myPageMobileDropdown"
         >
-          {intl.formatMessage({ id: "Log out" })}
+          {intl.formatMessage({
+            defaultMessage: "Log out",
+          })}
         </Link>
       </li>
     </>

apps/scandic-web/components/Current/Header/OfflineBanner/index.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable formatjs/no-literal-string-in-jsx */
+
 import styles from "./banner.module.css"
 
 export default function OfflineBanner() {

apps/scandic-web/components/Current/Header/TopMenu/index.tsx

@@ -61,7 +61,9 @@ export default async function TopMenu({
                   className={styles.sessionLink}
                   prefetch={false}
                 >
-                  {intl.formatMessage({ id: "Log out" })}
+                  {intl.formatMessage({
+                    defaultMessage: "Log out",
+                  })}
                 </Link>
               </>
             ) : (
@@ -72,7 +74,9 @@ export default async function TopMenu({
                 variant="default"
                 size="small"
               >
-                {intl.formatMessage({ id: "Log in" })}
+                {intl.formatMessage({
+                  defaultMessage: "Log in",
+                })}
               </LoginButton>
             )}
           </li>
@@ -102,7 +106,9 @@ export async function TopMenuSkeleton() {
               variant="default"
               size="small"
             >
-              {intl.formatMessage({ id: "Log in" })}
+              {intl.formatMessage({
+                defaultMessage: "Log in",
+              })}
             </LoginButton>
           </li>
         </ul>