fix(i18n): prepare for Lokalise

2025-01-03 14:54:46 +01:00
parent cbc17e2c5b
commit d2ce9c0d7c
120 changed files with 1703 additions and 1042 deletions
--- a/components/Header/MainMenu/MobileMenu/index.tsx
+++ b/components/Header/MainMenu/MobileMenu/index.tsx
@@ -60,14 +60,19 @@ export default function MobileMenu({
    }
  }, [isHamburgerMenuOpen])

+  const closeMsg = intl.formatMessage({
+    id: "Close menu",
+  })
+  const openMsg = intl.formatMessage({
+    id: "Open menu",
+  })
+
  return (
    <>
      <button
        type="button"
        className={`${styles.hamburger} ${isHamburgerExtended ? styles.isExpanded : ""}`}
-        aria-label={intl.formatMessage({
-          id: isHamburgerExtended ? "Close menu" : "Open menu",
-        })}
+        aria-label={isHamburgerExtended ? closeMsg : openMsg}
        onClick={() => toggleDropdown(DropdownTypeEnum.HamburgerMenu)}
      >
        <span className={styles.bar} />
--- a/components/Header/MainMenu/MyPagesMenu/index.tsx
+++ b/components/Header/MainMenu/MyPagesMenu/index.tsx
@@ -50,7 +50,10 @@ export default function MyPagesMenu({
        <Avatar initials={getInitials(user.firstName, user.lastName)} />
        <Body textTransform="bold" color="baseTextHighContrast" asChild>
          <span>
-            {intl.formatMessage({ id: "Hi" })} {user.firstName}!
+            {intl.formatMessage(
+              { id: "Hi {firstName}!" },
+              { firstName: user.firstName }
+            )}
          </span>
        </Body>
        <ChevronDownSmallIcon
--- a/components/Header/MainMenu/MyPagesMenuContent/index.tsx
+++ b/components/Header/MainMenu/MyPagesMenuContent/index.tsx
@@ -40,13 +40,19 @@ export default function MyPagesMenuContent({
    <nav className={styles.myPagesMenuContent} ref={myPagesMenuContentRef}>
      <div className={introClassName}>
        <Subtitle type="two" className={styles.userName}>
-          {intl.formatMessage({ id: "Hi" })} {user.firstName}!
+          {intl.formatMessage(
+            { id: "Hi {firstName}!" },
+            { firstName: user.firstName }
+          )}
        </Subtitle>
        {membershipLevel && membershipPoints ? (
          <Caption className={styles.friendTypeWrapper}>
            <span className={styles.friendType}>{membershipLevel.name}</span>
            <span>
-              {membershipPoints} {intl.formatMessage({ id: "points" })}
+              {intl.formatMessage(
+                { id: "{pointsAmount, number} points" },
+                { pointsAmount: membershipPoints }
+              )}
            </span>
          </Caption>
        ) : null}