diff --git a/packages/desktop-client/src/components/budget/IncomeHeader.tsx b/packages/desktop-client/src/components/budget/IncomeHeader.tsx index ad9fbda821d34a59ae9d997924a543b6a370a77e..5b657a569b7a77c3ddfa06b094b8f3d754397ab3 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 550f150e5155fd1d39a74a77f4c6371bf9440fa7..95817cfac0df8a21862f0fe39bb6074ef6a0ba28 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 aeed3cddd88c1f867b6b5b7bb41ff4b664eeb49a..f19b6a0ae5a477d238c19538d9e12f97e1cef2c9 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 0000000000000000000000000000000000000000..fc71ed4eba7d939065e9e752e79824007af51335 --- /dev/null +++ b/upcoming-release-notes/3426.md @@ -0,0 +1,6 @@ +--- +category: Maintenance +authors: [a-gradina] +--- + +Support translations in desktop-client/components/budget.