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
@@ -18,10 +18,16 @@ export default function CopyButton({ membershipNumber }: CopyButtonProps) {
    try {
      navigator.clipboard.writeText(membershipNumber)
      toast.success(
-        intl.formatMessage({ id: "Membership ID copied to clipboard" })
+        intl.formatMessage({
+          defaultMessage: "Membership ID copied to clipboard",
+        })
      )
    } catch {
-      toast.error(intl.formatMessage({ id: "Failed to copy" }))
+      toast.error(
+        intl.formatMessage({
+          defaultMessage: "Failed to copy",
+        })
+      )
    }
  }

@@ -19,12 +19,17 @@ export default async function MembershipNumber({
  return (
    <div className={classNames}>
      <Caption color="pale">
-        {intl.formatMessage({ id: "Membership ID:" })}
+        {intl.formatMessage({
+          defaultMessage: "Membership ID:",
+        })}
      </Caption>
      <span className={styles.icon}>
        <Caption className={styles.icon} color="pale" asChild>
          <code data-hj-suppress>
-            {membership?.membershipNumber ?? intl.formatMessage({ id: "N/A" })}
+            {membership?.membershipNumber ??
+              intl.formatMessage({
+                defaultMessage: "N/A",
+              })}
          </code>
        </Caption>
        {membership?.membershipNumber && (
@@ -24,10 +24,14 @@ export default async function Friend({
  }
  const isHighestLevel = isHighestMembership(membership.membershipLevel)

-  const lvlMessageHighest = intl.formatMessage({ id: "Highest level" })
+  const lvlMessageHighest = intl.formatMessage({
+    defaultMessage: "Highest level",
+  })

  const lvlMessageLevel = intl.formatMessage(
-    { id: "Level {level}" },
+    {
+      defaultMessage: "Level {level}",
+    },
    { level: membershipLevels[membership.membershipLevel] }
  )

@@ -24,7 +24,9 @@ export default async function ExpiringPoints({ user }: UserProps) {
    <section>
      <Body color="white" textTransform="bold" textAlign="center">
        {intl.formatMessage(
-          { id: "{points} spendable points expiring by {date}" },
+          {
+            defaultMessage: "{points} spendable points expiring by {date}",
+          },
          {
            points: intl.formatNumber(membership.pointsToExpire),
            date: d.format(dateFormat),
@@ -25,15 +25,23 @@ export default async function Points({ user }: UserProps) {
    <PointsContainer>
      <PointsColumn
        value={membership?.currentPoints}
-        title={intl.formatMessage({ id: "Your points to spend" })}
-        subtitle={intl.formatMessage({ id: "as of today" })}
+        title={intl.formatMessage({
+          defaultMessage: "Your points to spend",
+        })}
+        subtitle={intl.formatMessage({
+          defaultMessage: "as of today",
+        })}
      />
      {nextLevel && (
        <PointsColumn
          value={membership?.pointsRequiredToNextlevel}
-          title={intl.formatMessage({ id: "Points needed to level up" })}
+          title={intl.formatMessage({
+            defaultMessage: "Points needed to level up",
+          })}
          subtitle={intl.formatMessage(
-            { id: "next level: {nextLevel}" },
+            {
+              defaultMessage: "next level: {nextLevel}",
+            },
            { nextLevel: nextLevel.name }
          )}
        />