From 933804e83681dd6936cd90d845dca18021f97d7d Mon Sep 17 00:00:00 2001
From: Ali Gradina <71004080+a-gradina@users.noreply.github.com>
Date: Fri, 13 Sep 2024 19:25:57 +0200
Subject: [PATCH] Translation for IncomeHeader, BalanceMenu & BudgetMenu .tsx
 (#3426)

---
 .../src/components/budget/IncomeHeader.tsx          |  3 ++-
 .../src/components/budget/rollover/BalanceMenu.tsx  | 12 ++++++++----
 .../src/components/budget/rollover/BudgetMenu.tsx   | 13 ++++++++-----
 upcoming-release-notes/3426.md                      |  6 ++++++
 4 files changed, 24 insertions(+), 10 deletions(-)
 create mode 100644 upcoming-release-notes/3426.md

diff --git a/packages/desktop-client/src/components/budget/IncomeHeader.tsx b/packages/desktop-client/src/components/budget/IncomeHeader.tsx
index ad9fbda82..5b657a569 100644
--- a/packages/desktop-client/src/components/budget/IncomeHeader.tsx
+++ b/packages/desktop-client/src/components/budget/IncomeHeader.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Trans } from 'react-i18next';
 
 import { Button } from '../common/Button2';
 import { View } from '../common/View';
@@ -24,7 +25,7 @@ export function IncomeHeader({
         }}
       >
         <Button onPress={onShowNewGroup} style={{ fontSize: 12, margin: 10 }}>
-          Add Group
+          <Trans>Add Group</Trans>
         </Button>
       </View>
       <RenderMonths
diff --git a/packages/desktop-client/src/components/budget/rollover/BalanceMenu.tsx b/packages/desktop-client/src/components/budget/rollover/BalanceMenu.tsx
index 550f150e5..95817cfac 100644
--- a/packages/desktop-client/src/components/budget/rollover/BalanceMenu.tsx
+++ b/packages/desktop-client/src/components/budget/rollover/BalanceMenu.tsx
@@ -1,4 +1,5 @@
 import React, { type ComponentPropsWithoutRef } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import { rolloverBudget } from 'loot-core/src/client/queries';
 
@@ -23,10 +24,13 @@ export function BalanceMenu({
   onCover,
   ...props
 }: BalanceMenuProps) {
+  const { t } = useTranslation();
+
   const carryover = useRolloverSheetValue(
     rolloverBudget.catCarryover(categoryId),
   );
   const balance = useRolloverSheetValue(rolloverBudget.catBalance(categoryId));
+
   return (
     <Menu
       {...props}
@@ -50,7 +54,7 @@ export function BalanceMenu({
           ? [
               {
                 name: 'transfer',
-                text: 'Transfer to another category',
+                text: t('Transfer to another category'),
               },
             ]
           : []),
@@ -58,15 +62,15 @@ export function BalanceMenu({
           ? [
               {
                 name: 'cover',
-                text: 'Cover overspending',
+                text: t('Cover overspending'),
               },
             ]
           : []),
         {
           name: 'carryover',
           text: carryover
-            ? 'Remove overspending rollover'
-            : 'Rollover overspending',
+            ? t('Remove overspending rollover')
+            : t('Rollover overspending'),
         },
       ]}
     />
diff --git a/packages/desktop-client/src/components/budget/rollover/BudgetMenu.tsx b/packages/desktop-client/src/components/budget/rollover/BudgetMenu.tsx
index aeed3cddd..f19b6a0ae 100644
--- a/packages/desktop-client/src/components/budget/rollover/BudgetMenu.tsx
+++ b/packages/desktop-client/src/components/budget/rollover/BudgetMenu.tsx
@@ -1,4 +1,5 @@
 import React, { type ComponentPropsWithoutRef } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import { useFeatureFlag } from '../../../hooks/useFeatureFlag';
 import { Menu } from '../../common/Menu';
@@ -17,6 +18,8 @@ export function BudgetMenu({
   onApplyBudgetTemplate,
   ...props
 }: BudgetMenuProps) {
+  const { t } = useTranslation();
+
   const isGoalTemplatesEnabled = useFeatureFlag('goalTemplatesEnabled');
   const onMenuSelect = (name: string) => {
     switch (name) {
@@ -47,25 +50,25 @@ export function BudgetMenu({
       items={[
         {
           name: 'copy-single-last',
-          text: 'Copy last month’s budget',
+          text: t('Copy last month’s budget'),
         },
         {
           name: 'set-single-3-avg',
-          text: 'Set to 3 month average',
+          text: t('Set to 3 month average'),
         },
         {
           name: 'set-single-6-avg',
-          text: 'Set to 6 month average',
+          text: t('Set to 6 month average'),
         },
         {
           name: 'set-single-12-avg',
-          text: 'Set to yearly average',
+          text: t('Set to yearly average'),
         },
         ...(isGoalTemplatesEnabled
           ? [
               {
                 name: 'apply-single-category-template',
-                text: 'Apply budget template',
+                text: t('Apply budget template'),
               },
             ]
           : []),
diff --git a/upcoming-release-notes/3426.md b/upcoming-release-notes/3426.md
new file mode 100644
index 000000000..fc71ed4eb
--- /dev/null
+++ b/upcoming-release-notes/3426.md
@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [a-gradina]
+---
+
+Support translations in desktop-client/components/budget.
-- 
GitLab