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

2025-02-07 06:51:36 +01:00
parent e22fc1f3c8
commit 440e1f92df
393 changed files with 4839 additions and 1554 deletions
--- a/apps/scandic-web/components/Header/MainMenu/LogoLink/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/LogoLink/index.tsx
@@ -28,7 +28,9 @@ export function LogoLink() {
      className={styles.logoLink}
      href={`/${lang}`}
      onClick={handleNavigate}
-      aria-label={intl.formatMessage({ id: "Back to scandichotels.com" })}
+      aria-label={intl.formatMessage({
+        defaultMessage: "Back to scandichotels.com",
+      })}
    >
      <ScandicLogoIcon
        width="103px"
--- a/apps/scandic-web/components/Header/MainMenu/MobileMenu/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MobileMenu/index.tsx
@@ -64,10 +64,10 @@ export default function MobileMenu({
  }, [isHamburgerMenuOpen])

  const closeMsg = intl.formatMessage({
-    id: "Close menu",
+    defaultMessage: "Close menu",
  })
  const openMsg = intl.formatMessage({
-    id: "Open menu",
+    defaultMessage: "Open menu",
  })

  return (
@@ -83,7 +83,9 @@ export default function MobileMenu({
      <Modal className={styles.modal} isOpen={isHamburgerMenuOpen}>
        <Dialog
          className={styles.dialog}
-          aria-label={intl.formatMessage({ id: "Menu" })}
+          aria-label={intl.formatMessage({
+            defaultMessage: "Menu",
+          })}
        >
          {children}
          <footer className={styles.footer}>
@@ -92,14 +94,18 @@ export default function MobileMenu({
              iconName={IconName.Search}
              onClick={() => toggleDropdown(DropdownTypeEnum.HamburgerMenu)}
            >
-              {intl.formatMessage({ id: "Find booking" })}
+              {intl.formatMessage({
+                defaultMessage: "Find booking",
+              })}
            </HeaderLink>
            <TopLink isLoggedIn={isLoggedIn} topLink={topLink} iconSize={20} />
            <HeaderLink
              href={customerService[lang]}
              iconName={IconName.Service}
            >
-              {intl.formatMessage({ id: "Customer service" })}
+              {intl.formatMessage({
+                defaultMessage: "Customer service",
+              })}
            </HeaderLink>
            <LanguageSwitcher type="mobileHeader" />
          </footer>
@@ -118,7 +124,7 @@ export function MobileMenuSkeleton() {
      disabled
      className={styles.hamburger}
      aria-label={intl.formatMessage({
-        id: "Open menu",
+        defaultMessage: "Open menu",
      })}
    >
      <span className={styles.bar} />
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenu/index.tsx
@@ -61,7 +61,9 @@ export default function MyPagesMenu({
        <Body textTransform="bold" color="baseTextHighContrast" asChild>
          <span data-hj-suppress>
            {intl.formatMessage(
-              { id: "Hi {firstName}!" },
+              {
+                defaultMessage: "Hi {firstName}!",
+              },
              { firstName: user.firstName }
            )}
          </span>
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuContent/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuContent/index.tsx
@@ -48,7 +48,9 @@ export default function MyPagesMenuContent({
        <div className={introClassName}>
          <Subtitle type="two" className={styles.userName}>
            {intl.formatMessage(
-              { id: "Hi {firstName}!" },
+              {
+                defaultMessage: "Hi {firstName}!",
+              },
              { firstName: user.firstName }
            )}
          </Subtitle>
@@ -57,7 +59,9 @@ export default function MyPagesMenuContent({
              <span className={styles.friendType}>{membershipLevel.name}</span>
              <span>
                {intl.formatMessage(
-                  { id: "{pointsAmount, number} points" },
+                  {
+                    defaultMessage: "{pointsAmount, number} points",
+                  },
                  { pointsAmount: membershipPoints }
                )}
              </span>
@@ -150,7 +154,9 @@ function SecondaryLinks({
          variant="menu"
          className={styles.link}
        >
-          {intl.formatMessage({ id: "Log out" })}
+          {intl.formatMessage({
+            defaultMessage: "Log out",
+          })}
        </Link>
      </li>
    </ul>
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx
@@ -57,13 +57,17 @@ export default function MyPagesMenuWrapper() {
      ) : (
        <LoginButton
          className={styles.loginLink}
-          aria-label={intl.formatMessage({ id: "Log in/Join" })}
+          aria-label={intl.formatMessage({
+            defaultMessage: "Log in/Join",
+          })}
          position="top menu"
          trackingId="loginStartNewTopMenu"
        >
          <Avatar />
          <span className={styles.loginText}>
-            {intl.formatMessage({ id: "Log in/Join" })}
+            {intl.formatMessage({
+              defaultMessage: "Log in/Join",
+            })}
          </span>
        </LoginButton>
      )}
--- a/apps/scandic-web/components/Header/MainMenu/MyPagesMobileMenu/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/MyPagesMobileMenu/index.tsx
@@ -52,14 +52,18 @@ export default function MyPagesMobileMenu({
      <MainMenuButton
        className={styles.button}
        onClick={() => toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)}
-        aria-label={intl.formatMessage({ id: "Open my pages menu" })}
+        aria-label={intl.formatMessage({
+          defaultMessage: "Open my pages menu",
+        })}
      >
        <Avatar initials={getInitials(user.firstName, user.lastName)} />
      </MainMenuButton>
      <Modal className={styles.modal} isOpen={isMyPagesMobileMenuOpen}>
        <Dialog
          className={styles.dialog}
-          aria-label={intl.formatMessage({ id: "My pages menu" })}
+          aria-label={intl.formatMessage({
+            defaultMessage: "My pages menu",
+          })}
        >
          <MyPagesMenuContent
            membershipLevel={membershipLevel}
--- a/apps/scandic-web/components/Header/TopMenu/index.tsx
+++ b/apps/scandic-web/components/Header/TopMenu/index.tsx
@@ -38,7 +38,9 @@ export default async function TopMenu() {

          <Caption type="regular" color="textMediumContrast" asChild>
            <HeaderLink href={findMyBooking[lang]} iconName={IconName.Search}>
-              {intl.formatMessage({ id: "Find booking" })}
+              {intl.formatMessage({
+                defaultMessage: "Find booking",
+              })}
            </HeaderLink>
          </Caption>
        </div>