Translation: desktop-client/components/payees/PayeeMenu (#3670)

* Translation: desktop-client/components/payees/PayeeMenu

* Add release notes

* Merge master

* Remove dynamic values from selected payee translation

packages/desktop-client/src/components/payees/PayeeMenu.tsx

@@ -1,3 +1,5 @@
+import { useTranslation } from 'react-i18next';
+
 import { type PayeeEntity } from 'loot-core/src/types/models';
 
 import { SvgDelete, SvgMerge } from '../../icons/v0';
@@ -23,6 +25,8 @@ export function PayeeMenu({
   onFavorite,
   onClose,
 }: PayeeMenuProps) {
+  const { t } = useTranslation();
+
   // Transfer accounts are never editable
   const isDisabled = [...selectedPayees].some(
     id => payeesById[id] == null || payeesById[id].transfer_acct,
@@ -57,28 +61,28 @@ export function PayeeMenu({
           {[...selectedPayees]
             .slice(0, 4)
             .map(id => payeesById[id].name)
-            .join(', ') + (selectedPayees.size > 4 ? ', and more' : '')}
+            .join(', ') + (selectedPayees.size > 4 ? t(', and more') : '')}
         </View>
       }
       items={[
         {
           icon: SvgDelete,
           name: 'delete',
-          text: 'Delete',
+          text: t('Delete'),
           disabled: isDisabled,
         },
         {
           icon: SvgBookmark,
           iconSize: 9,
           name: 'favorite',
-          text: 'Favorite',
+          text: t('Favorite'),
           disabled: isDisabled,
         },
         {
           icon: SvgMerge,
           iconSize: 9,
           name: 'merge',
-          text: 'Merge',
+          text: t('Merge'),
           disabled: isDisabled || selectedPayees.size < 2,
         },
         Menu.line,

upcoming-release-notes/3670.md

@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [glorenzen]
+---
+
+Support translations in packages/desktop-client/src/components/payees/PayeeMenu.tsx.