From 15b2ee36b48c3d50e1f71fdfb7dd318c870d4c82 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?= <rene@twentyuno.net>
Date: Wed, 11 Sep 2024 16:18:00 +0200
Subject: [PATCH] fix: formatting + font styles

---
 pages/send/ConfirmPayment.tsx | 30 +++++++++++++++---------------
 pages/send/PaymentSuccess.tsx |  4 ++--
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/pages/send/ConfirmPayment.tsx b/pages/send/ConfirmPayment.tsx
index 2d72f9c..098730a 100644
--- a/pages/send/ConfirmPayment.tsx
+++ b/pages/send/ConfirmPayment.tsx
@@ -61,7 +61,7 @@ export function ConfirmPayment() {
         <View className="flex flex-col gap-2">
           <View className="flex flex-row items-center justify-center gap-2">
             <Text className="text-5xl font-bold2 text-foreground">
-              {decodedInvoice.satoshi}
+              {new Intl.NumberFormat().format(decodedInvoice.satoshi)}
             </Text>
             <Text className="text-3xl font-bold2 text-muted-foreground">
               sats
@@ -96,20 +96,20 @@ export function ConfirmPayment() {
         )}
         {
           /* only show "To" for lightning addresses */ originalText !==
-            invoice &&
-            originalText
-              .toLowerCase()
-              .replace("lightning:", "")
-              .includes("@") && (
-              <View className="flex flex-col gap-2">
-                <Text className="text-muted-foreground text-center font-semibold2">
-                  To
-                </Text>
-                <Text className="text-center text-foreground text-2xl font-medium2">
-                  {originalText.toLowerCase().replace("lightning:", "")}
-                </Text>
-              </View>
-            )
+          invoice &&
+          originalText
+            .toLowerCase()
+            .replace("lightning:", "")
+            .includes("@") && (
+            <View className="flex flex-col gap-2">
+              <Text className="text-muted-foreground text-center font-semibold2">
+                To
+              </Text>
+              <Text className="text-center text-foreground text-2xl font-medium2">
+                {originalText.toLowerCase().replace("lightning:", "")}
+              </Text>
+            </View>
+          )
         }
       </View>
       <View className="p-6">
diff --git a/pages/send/PaymentSuccess.tsx b/pages/send/PaymentSuccess.tsx
index 4a9a8f8..d5eb4cc 100644
--- a/pages/send/PaymentSuccess.tsx
+++ b/pages/send/PaymentSuccess.tsx
@@ -32,10 +32,10 @@ export function PaymentSuccess() {
         </View>
         {originalText !== invoice &&
           <View>
-            <Text className="text-muted-foreground text-center text-xl font-bold2">
+            <Text className="text-muted-foreground text-center font-semibold2">
               Sent to
             </Text>
-            <Text className="text-foreground text-center text-xl font-bold2">
+            <Text className="text-foreground text-center text-2xl font-medium2">
               {originalText}
             </Text>
           </View>