From b80f2993ec115533e1ddfba793277cdbe1c7ef4d Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Fri, 8 Nov 2024 15:45:56 -0800
Subject: stop propagation

---
 src/components/Balance.svelte | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Balance.svelte b/src/components/Balance.svelte
index 91463f7e..e5f62d19 100644
--- a/src/components/Balance.svelte
+++ b/src/components/Balance.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
+  import { preventDefault } from "svelte/legacy";
 
   import Icon from "$comp/Icon.svelte";
   import Pin from "$comp/Pin.svelte";
@@ -9,6 +9,11 @@
 
   let show = $state();
   let { user, rate, balance } = $props();
+  let toggleShow = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    show = !show;
+  };
 </script>
 
 {#if show && user.haspin && $pin?.length !== 6}
@@ -17,10 +22,7 @@
 
 <div>
   {#if user.haspin && !$pin}
-    <button
-      onclick={preventDefault(() => (show = true))}
-      class="flex gap-2 text-xl"
-    >
+    <button onclick={toggleShow} class="flex gap-2 text-xl">
       <Icon icon="eye-off" style="w-8 my-auto" />
       <div class="my-auto">{$t("user.showBalance")}</div>
     </button>
-- 
cgit v1.2.3