From 3d631b6c30dadd55f6254e2cd0f4a1124b078075 Mon Sep 17 00:00:00 2001
From: dumbmoron <log@riseup.net>
Date: Fri, 30 Aug 2024 15:40:02 +0000
Subject: [PATCH] DonationOption: appropriately format amounts

---
 web/src/components/donate/DonationOption.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/components/donate/DonationOption.svelte b/web/src/components/donate/DonationOption.svelte
index 3486e7b0..61599558 100644
--- a/web/src/components/donate/DonationOption.svelte
+++ b/web/src/components/donate/DonationOption.svelte
@@ -4,12 +4,17 @@
     export let send: (amount: number) => void;
 
     const click = () => send(price * 100);
+    const USD = new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency: 'USD',
+        minimumFractionDigits: 0
+    });
 </script>
 
 <button class="donation-option" on:click={click}>
     <div class="donate-card-title">
         <slot></slot>
-        ${price}
+        { USD.format(price) }
     </div>
     <div class="donate-card-subtitle">{desc}</div>
 </button>