From 252ee143ecef9a956ac0238a6f296f7f4dfd08d4 Mon Sep 17 00:00:00 2001
From: Parth Bandwal <143504541+parrth20@users.noreply.github.com>
Date: Sun, 9 Aug 2026 21:38:05 +0530
Subject: [PATCH] fix(earn): respect locale in bond value

---
 src/components/earn/OfferCard.test.tsx | 47 ++++++++++++++------------
 src/components/earn/OfferCard.tsx      |  2 +-
 2 files changed, 26 insertions(+), 23 deletions(-)

diff --git a/src/components/earn/OfferCard.test.tsx b/src/components/earn/OfferCard.test.tsx
index 52a7bcb1..150e93c9 100644
--- a/src/components/earn/OfferCard.test.tsx
+++ b/src/components/earn/OfferCard.test.tsx
@@ -1,6 +1,7 @@
 import type { SessionResponse } from '@joinmarket-webui/joinmarket-ng-api-ts/jm'
 import { render, screen } from '@testing-library/react'
 import { describe, expect, it, vi } from 'vitest'
+import { withRuntimeLocale } from '@/test/withRuntimeLocale'
 import { OfferCard } from './OfferCard'
 
 type Offer = NonNullable<SessionResponse['offer_list']>[number]
@@ -90,28 +91,30 @@ describe('OfferCard', () => {
   })
 
   it('shows the advertised fidelity bond details', () => {
-    render(
-      <OfferCard
-        value={baseOffer}
-        nickname="JMBot"
-        orderbookStatus="visible"
-        orderbookOffer={{
-          counterparty: 'JMBot',
-          oid: 123,
-          ordertype: 'sw0absoffer',
-          minsize: 10_000,
-          maxsize: 50_000,
-          txfee: 500,
-          cjfee: 1_000,
-          fidelity_bond_value: 42_000,
-        }}
-        fidelityBond={{ counterparty: 'JMBot', amount: 100_000, locktime: 1_800_000_000 }}
-      />,
-    )
+    withRuntimeLocale('de-DE', () => {
+      render(
+        <OfferCard
+          value={baseOffer}
+          nickname="JMBot"
+          orderbookStatus="visible"
+          orderbookOffer={{
+            counterparty: 'JMBot',
+            oid: 123,
+            ordertype: 'sw0absoffer',
+            minsize: 10_000,
+            maxsize: 50_000,
+            txfee: 500,
+            cjfee: 1_000,
+            fidelity_bond_value: 42_000,
+          }}
+          fidelityBond={{ counterparty: 'JMBot', amount: 100_000, locktime: 1_800_000_000 }}
+        />,
+      )
 
-    expect(screen.getByText('earn.current.text_fidelity_bond')).toBeInTheDocument()
-    expect(screen.getByText('earn.current.text_bond_value: 42,000')).toBeInTheDocument()
-    expect(screen.getByText('100000')).toBeInTheDocument()
-    expect(screen.getByText(/earn\.current\.text_bond_locktime/u)).toBeInTheDocument()
+      expect(screen.getByText('earn.current.text_fidelity_bond')).toBeInTheDocument()
+      expect(screen.getByText('earn.current.text_bond_value: 42.000')).toBeInTheDocument()
+      expect(screen.getByText('100000')).toBeInTheDocument()
+      expect(screen.getByText(/earn\.current\.text_bond_locktime/u)).toBeInTheDocument()
+    })
   })
 })
diff --git a/src/components/earn/OfferCard.tsx b/src/components/earn/OfferCard.tsx
index bf44fe16..07f889e7 100644
--- a/src/components/earn/OfferCard.tsx
+++ b/src/components/earn/OfferCard.tsx
@@ -156,7 +156,7 @@ export function OfferCard({
               <Label className="font-semibold">{t('earn.current.text_fidelity_bond')}</Label>
               <div className="text-muted-foreground flex flex-wrap gap-x-4 text-sm">
                 <span>
-                  {t('earn.current.text_bond_value')}: {Math.floor(bondValue).toLocaleString('en-US')}
+                  {t('earn.current.text_bond_value')}: {Math.floor(bondValue).toLocaleString()}
                 </span>
                 {fidelityBond && (
                   <span>