From 864e97677293b78bcbee4beb0a9561307cfa68ab Mon Sep 17 00:00:00 2001
From: Thebora Kompanioni <theborakompanioni@users.noreply.github.com>
Date: Wed, 29 Jul 2026 16:20:06 +0200
Subject: [PATCH] ui(xpub): colored labels on xpub dialog (#1372)

---
 .../earn/fidelity-bond/FidelityBondDialogParts.tsx           | 1 +
 src/components/settings/AccountXpubsDialog.tsx               | 5 +++--
 src/i18n/locales/en/translation.json                         | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/earn/fidelity-bond/FidelityBondDialogParts.tsx b/src/components/earn/fidelity-bond/FidelityBondDialogParts.tsx
index 9174958c..165ce050 100644
--- a/src/components/earn/fidelity-bond/FidelityBondDialogParts.tsx
+++ b/src/components/earn/fidelity-bond/FidelityBondDialogParts.tsx
@@ -61,6 +61,7 @@ export function JarBadge({ jarIndex, name }: { jarIndex: JarIndex | undefined; n
           {name} <span>#{jarIndex}</span>
         </>
       ) : (
+        /* TODO: i18n - move key to different namespace*/
         t('earn.fidelity_bond.review_inputs.label_jar_n', { jar: jarIndex })
       )}
     </Badge>
diff --git a/src/components/settings/AccountXpubsDialog.tsx b/src/components/settings/AccountXpubsDialog.tsx
index 699da46a..668ff9cc 100644
--- a/src/components/settings/AccountXpubsDialog.tsx
+++ b/src/components/settings/AccountXpubsDialog.tsx
@@ -26,6 +26,7 @@ import { withQueryDelay } from '@/lib/queryClient'
 import { cn, type WalletFileName } from '@/lib/utils'
 import { convertExtendedPublicKey } from '@/lib/xpubs'
 import type { JarIndex, Milliseconds, MnemonicPhrase, WithRequiredProperty } from '@/types/global'
+import { JarBadge } from '../earn/fidelity-bond/FidelityBondDialogParts'
 import { Alert, AlertDescription, AlertTitle } from '../ui/alert'
 import { Badge } from '../ui/badge'
 import { buttonVariants } from '../ui/button-variants'
@@ -173,9 +174,9 @@ export const AccountXpubsAccordion = ({ values }: AccountXpubsAccordionProps) =>
           <AccordionItem key={index} value={String(account.accountIndex)}>
             <AccordionTrigger className="group/xpub-accordion-trigger flex-wrap px-4 no-underline!">
               <span className="min-w-0 flex-1 flex-col break-words group-hover/xpub-accordion-trigger:underline">
-                {account.accountName}
+                {accountLabel}
               </span>
-              <span className="text-muted-foreground shrink-0 font-mono">{accountLabel}</span>
+              <JarBadge jarIndex={account.accountIndex} name={account.accountName} />
             </AccordionTrigger>
             <AccordionContent className="flex flex-col gap-1 p-4 pt-2">
               <Label className="text-muted-foreground text-sm">
diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
index d9bf7c88..0b9c7c7b 100644
--- a/src/i18n/locales/en/translation.json
+++ b/src/i18n/locales/en/translation.json
@@ -335,7 +335,7 @@
       "text_info_title": "Keep in mind",
       "text_info_message": "Account-level extended public keys can be imported into watch-only wallets for monitoring. They reveal all addresses in the derivation path. Share them with caution.",
       "button_copy_title": "Copy Extended Public Key for {{account}}",
-      "button_reveal_xpub_qrcode": "Reveal xpub QR-Code"
+      "button_reveal_xpub_qrcode": "Reveal QR-Code"
     },
     "documentation": "Documentation",
     "github": "GitHub",