From 7c11e2b3c9c18d97dd7c03523a006513572c6a44 Mon Sep 17 00:00:00 2001
From: Max Hao <max@maxhao.org>
Date: Tue, 9 Jun 2026 11:16:29 -0400
Subject: [PATCH] add localized translation placeholders

---
 components/email/email-composer.tsx | 10 ++++++----
 locales/en/common.json              |  6 +++++-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/components/email/email-composer.tsx b/components/email/email-composer.tsx
index 477ae35d..7f6a92ca 100644
--- a/components/email/email-composer.tsx
+++ b/components/email/email-composer.tsx
@@ -2747,6 +2747,8 @@ function RecipientChipInput({
   validationMessage?: string;
   onTab?: () => void;
 }) {
+  const t = useTranslations('email_composer');
+  const tCommon = useTranslations('common');
   const { contextMenu, openContextMenu, closeContextMenu, menuRef } = useContextMenu<{ index: number; chip: string }>();
   const [editingChip, setEditingChip] = useState<{ index: number; chip: string; editType: 'email' | 'name' } | null>(null);
   const [editValue, setEditValue] = useState('');
@@ -2963,7 +2965,7 @@ function RecipientChipInput({
                     handleSaveEdit(editValue);
                   }}
                   className="flex-1 min-w-[80px] border-0 outline-none h-5 text-sm bg-transparent text-foreground placeholder:text-muted-foreground"
-                  placeholder={editingChip?.editType === 'email' ? 'Email address' : 'Display name'}
+                  placeholder={editingChip?.editType === 'email' ? t('recipient_email_placeholder') : t('recipient_name_placeholder')}
                   data-bwignore="true"
                 />
               ) : (
@@ -3039,10 +3041,10 @@ function RecipientChipInput({
               {formatChipDisplay(contextMenu.data.chip)}
             </div>
             <ContextMenuSeparator />
-            <ContextMenuItem label="Edit email address" onClick={handleEditEmail} />
-            <ContextMenuItem label="Edit display name" onClick={handleEditName} />
+            <ContextMenuItem label={t('recipient_edit_email')} onClick={handleEditEmail} />
+            <ContextMenuItem label={t('recipient_edit_name')} onClick={handleEditName} />
             <ContextMenuSeparator />
-            <ContextMenuItem label="Remove" onClick={() => {
+            <ContextMenuItem label={tCommon('delete')} onClick={() => {
               if (contextMenu.data) {
                 handleChipRemove(contextMenu.data.index, { stopPropagation: () => {} } as React.MouseEvent);
               }
diff --git a/locales/en/common.json b/locales/en/common.json
index 947b4453..9abd04a0 100644
--- a/locales/en/common.json
+++ b/locales/en/common.json
@@ -649,7 +649,11 @@
     "schedule_send_unsupported": "Scheduled send is not supported for this account.",
     "schedule_send_cleanup_warning": "Scheduled send was created, but draft cleanup failed.",
     "send_delay_unsupported": "Send delay is not supported for this account.",
-    "send_delay_unsupported_confirm": "This account does not support send delay. Send immediately instead?"
+    "send_delay_unsupported_confirm": "This account does not support send delay. Send immediately instead?",
+    "recipient_edit_email": "Edit email address",
+    "recipient_edit_name": "Edit display name",
+    "recipient_email_placeholder": "Email address",
+    "recipient_name_placeholder": "Display name"
   },
   "confirm_dialog": {
     "confirm": "Confirm",