From 380da842ffdb597eebb88f217f89a9268cbfaf6a Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Thu, 28 Nov 2024 08:04:46 -0800
Subject: currency locale

---
 src/components/InvoiceData.svelte | 35 ++++-------------------------------
 1 file changed, 4 insertions(+), 31 deletions(-)

(limited to 'src/components/InvoiceData.svelte')

diff --git a/src/components/InvoiceData.svelte b/src/components/InvoiceData.svelte
index b511c599..de93c08e 100644
--- a/src/components/InvoiceData.svelte
+++ b/src/components/InvoiceData.svelte
@@ -1,4 +1,6 @@
 <script>
+  import Amount from "$comp/Amount.svelte";
+
   import { btc, f, sat, s, sats } from "$lib/utils";
   let {
     showQr,
@@ -9,6 +11,7 @@
     amount,
     amountFiat,
     currency,
+    locale,
     tip,
     rate,
   } = $props();
@@ -47,34 +50,4 @@
   </div>
 {/each}
 
-{#if amount > 0}
-  <div class="text-center font-bold text-2xl">
-    <div class="flex justify-center items-end gap-2">
-      <div>{f(amountFiat, currency)}</div>
-
-      {#if tip}
-        <div class="text-base flex items-center gap-1">
-          <div>+</div>
-          <div>{f(tip * (rate / sats), currency)}</div>
-        </div>
-      {/if}
-    </div>
-    <div class="flex justify-center items-end text-secondary font-normal text-xl gap-2">
-      <div class="flex items-center">
-        <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
-        ></iconify-icon>
-        <div>
-          {`${s(amount)}`}
-        </div>
-      </div>
-      {#if tip}
-        <div class="text-base flex items-center">
-          <div>+</div>
-          <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
-          ></iconify-icon>
-          <div>{s(tip)}</div>
-        </div>
-      {/if}
-    </div>
-  </div>
-{/if}
+<Amount {amount} {currency} {rate} {locale} />
-- 
cgit v1.2.3