From 614fbd99b7963ec89666b8b4252fa5f73c81653c Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Thu, 14 Nov 2024 10:55:08 -0800
Subject: amount component

---
 src/routes/(app)/send/invoice/[id]/+page.svelte | 24 ++++--------------------
 1 file changed, 4 insertions(+), 20 deletions(-)

(limited to 'src/routes/(app)/send/invoice')

diff --git a/src/routes/(app)/send/invoice/[id]/+page.svelte b/src/routes/(app)/send/invoice/[id]/+page.svelte
index 57f33f24..f5259170 100644
--- a/src/routes/(app)/send/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/send/invoice/[id]/+page.svelte
@@ -7,6 +7,7 @@
   import { goto, invalidateAll } from "$app/navigation";
   import { pin } from "$lib/store";
   import { enhance } from "$app/forms";
+  import Amount from "$comp/Amount.svelte";
   import Avatar from "$comp/Avatar.svelte";
   import Icon from "$comp/Icon.svelte";
   import Numpad from "$comp/Numpad.svelte";
@@ -18,7 +19,7 @@
     post,
     back,
     f,
-    fiat as toFiat,
+    toFiat,
     s,
     sats,
     focus,
@@ -99,25 +100,8 @@
     <h1 class="text-4xl font-bold">
       {$t("payments.send")}
     </h1>
-    <div>
-      <h2 class="text-2xl md:text-3xl font-semibold">
-        {f(toFiat(amount, rate), currency)}
-        {#if tip}
-          <span class="text-lg">
-            + {f(toFiat(tip, rate), currency)}
-          </span>
-        {/if}
-      </h2>
-      <h3 class="text-secondary md:text-lg mt-1">
-        ⚡️{s(amount)}
-
-        {#if tip}
-          <span class="text-lg">
-            + ⚡️{s(tip)}
-          </span>
-        {/if}
-      </h3>
-    </div>
+
+    <Amount {amount} {tip} {rate} {currency} />
 
     <h1 class="text-xl md:text-2xl text-secondary">
       {$t("payments.to")}
-- 
cgit v1.2.3