bolt

4 files changed, 32 insertions, 21 deletions

diff --git a/src/components/Balance.svelte b/src/components/Balance.svelte
index 74cb2939..0129d1ab 100644
--- a/src/components/Balance.svelte
+++ b/src/components/Balance.svelte
@@ -34,7 +34,7 @@
       {#if isNaN(rate)}
         <div class="text-gray-200">&mdash;</div>
       {:else}
-        {fiat(balance, rate).toFixed(2)} {user.currency}
+        {f(fiat(balance, rate))} {user.currency}
       {/if}
     </div>
   {/if}
diff --git a/src/components/Numpad.svelte b/src/components/Numpad.svelte
index 1cd59abe..bbafc196 100644
--- a/src/components/Numpad.svelte
+++ b/src/components/Numpad.svelte
@@ -203,7 +203,10 @@
         class="text-5xl md:text-6xl font-semibold tracking-widest flex justify-center"
       >
         <div class="my-auto" class:text-5xl={!$fiat}>
-          {$fiat ? symbol : "⚡️"}
+          {#if $fiat}{symbol}{:else}
+            <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+            ></iconify-icon>
+          {/if}
         </div>
         <div
           use:focus
@@ -221,7 +224,13 @@
         class="flex items-center justify-center text-2xl cursor-pointer"
         on:click|preventDefault|stopPropagation={swap}
       >
-        {$fiat ? "⚡️" + s(amount) : f(amountFiat, currency)}
+        {#if $fiat}
+          <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+          ></iconify-icon>
+          {s(amount)}
+        {:else}
+          {f(amountFiat, currency)} {currency}
+        {/if}
       </div>
     </div>
 
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 2779e34a..9830844a 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -200,25 +200,23 @@ export const fd = async (req: Request): Promise<any> => {
 	return obj;
 };
 
-export const f = (s: number, currency: string): string => {
-	try {
-		return new Intl.NumberFormat("en-US", {
-			style: "currency",
-			currency,
-		})
-			.format(s)
-			.replace("CA", "");
-	} catch (e) {
-		return "";
-	}
-};
+export const f = (s: number): string =>
+	new Intl.NumberFormat("en-US", {
+		style: "decimal",
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2,
+	}).format(s);
 
 export const s = (s: number): string =>
 	new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 }).format(s);
 
 export const sat = (s: number): string => `${si(Math.abs(s)).toString()}`;
 
-export const si = (n: number, minimumFractionDigits = 1, maximumFractionDigits = 2) => {
+export const si = (
+	n: number,
+	minimumFractionDigits = 1,
+	maximumFractionDigits = 2,
+) => {
 	const units = ["", "K", "M", "G", "T", "P", "E", "Z"];
 
 	let s = n;
@@ -229,8 +227,10 @@ export const si = (n: number, minimumFractionDigits = 1, maximumFractionDigits =
 	}
 
 	return (
-		new Intl.NumberFormat("en-US", { minimumFractionDigits, maximumFractionDigits }).format(s) +
-		units[d]
+		new Intl.NumberFormat("en-US", {
+			minimumFractionDigits,
+			maximumFractionDigits,
+		}).format(s) + units[d]
 	);
 };
 
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index 2be99adc..b039f5cc 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -283,9 +283,11 @@
       <div>= {f(rates[currency], currency)}</div>
     </div>
     <div class="text-secondary flex ml-auto">
-      <div class="flex">
-        <div class="mr-1">⚡️{s((1 * sats) / rates[currency])} =</div>
-        <div>{f(1, currency)}</div>
+      <div class="flex items-center">
+        <iconify-icon icon="ph:lightning-fill" class="text-yellow-300"
+        ></iconify-icon>
+        {s((1 * sats) / rates[currency])} =
+        {f(1, currency)} {currency}
       </div>
     </div>
   </div>