fix: upgrade eslint-lingui, fix errors

eslint.config.js

@@ -102,6 +102,9 @@ export default tseslint.config(
             "day",
             "week",
             "month",
+            "Content-Type",
+            "Accept-Language",
+            "& .MuiAvatar-root",
           ],
         },
       ],

package.json

@@ -79,7 +79,7 @@
     "babel-plugin-macros": "3.1.0",
     "eslint": "8.57.1",
     "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-lingui": "0.5.0",
+    "eslint-plugin-lingui": "0.6.0",
     "eslint-plugin-react": "7.37.1",
     "eslint-plugin-react-hooks": "5.0.0",
     "husky": "9.1.6",

src/components/Button/SubmitPanel.tsx

@@ -28,11 +28,12 @@ function StatusMessage({
     return errors[0];
   }
 
+  const errorCount = errors.length;
   return (
     <Box>
       <Link underline="hover" onClick={() => setShowErrors((state) => !state)}>
         <Trans>
-          You have {errors.length} errors that must be fixed before submitting.
+          You have {errorCount} errors that must be fixed before submitting.
         </Trans>
       </Link>
       {showErrors && (

src/routes/campaigns/analytics/CampaignAnalytics.tsx

@@ -43,11 +43,12 @@ export function CampaignAnalytics({ campaignOverview }: CampaignOverviewProps) {
     },
   });
 
+  const campaignName = campaignOverview.name;
   if (error) {
     return (
       <ErrorDetail
         error={error}
-        additionalDetails={msg`Unable to load reporting details for campaign: ${campaignOverview.name}`}
+        additionalDetails={msg`Unable to load reporting details for campaign: ${campaignName}`}
       />
     );
   }

src/user/settings/UserForm.tsx

@@ -46,7 +46,8 @@ export function UserForm() {
       setInitialVals(user.updateCurrentUser);
     },
     onError(err) {
-      setErrorMessage(<Trans>Failed to update profile: {err.message}</Trans>);
+      const errorMessage = err.message;
+      setErrorMessage(<Trans>Failed to update profile: {errorMessage}</Trans>);
     },
   });
 

src/user/views/adsManager/views/advanced/components/campaign/fields/PaymentMethodField.tsx

@@ -37,6 +37,7 @@ export function PaymentMethodField() {
     return t`and you will be charged ${amountToCharge} USD.`;
   };
 
+  const accountBalance = formatUsd(balance);
   return (
     <CardContainer header={<Trans>Payment</Trans>}>
       <Stack spacing={1}>
@@ -59,7 +60,7 @@ export function PaymentMethodField() {
             <Trans>Account Balance will be applied to this campaign</Trans>
           </AlertTitle>
           <Trans>
-            Your account has a balance of {formatUsd(balance)} USD. This will be
+            Your account has a balance of {accountBalance} USD. This will be
             applied to your campaign
           </Trans>
           {", "}