From 41b8a9f42f723b5f9c58fa4d6d882d8f60df69b3 Mon Sep 17 00:00:00 2001
From: PWR <pwrpntr@gmail.com>
Date: Sun, 5 May 2024 13:40:02 +0200
Subject: [PATCH] show burner button

---
 .../AccountKitBalance.svelte                  | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/packages/client/src/svelte/components/Main/Bars/account-kit-balance/AccountKitBalance.svelte b/packages/client/src/svelte/components/Main/Bars/account-kit-balance/AccountKitBalance.svelte
index 85e4d050..f61a715b 100644
--- a/packages/client/src/svelte/components/Main/Bars/account-kit-balance/AccountKitBalance.svelte
+++ b/packages/client/src/svelte/components/Main/Bars/account-kit-balance/AccountKitBalance.svelte
@@ -72,15 +72,13 @@
   $: if ($blockNumber) setBalance()
 </script>
 
-{#if balance <= 1000}
-  <div class="account-kit-balance">
-    <span>
-      {Math.round(balance)} gwei
-      <!-- <button on:click={setBalance}>Balance</button> -->
-      <button class="top-up" on:click={triggerConnect}> TOP UP </button>
-    </span>
-  </div>
-{/if}
+<div class="account-kit-balance">
+  <span>
+    <!-- {Math.round(balance)} gwei -->
+    <!-- <button on:click={setBalance}>Balance</button> -->
+    <button class="top-up" on:click={triggerConnect}>BURNER</button>
+  </span>
+</div>
 
 <style lang="scss">
   .account-kit-balance {
@@ -93,10 +91,15 @@
   }
 
   .top-up {
-    background: var(--white);
+    background: var(--color-tutorial);
     color: var(--black);
     border: none;
-    padding: 3px;
+    padding: 4px;
     cursor: pointer;
+    font-size: var(--font-size-small);
+
+    &:hover {
+      background: var(--foreground);
+    }
   }
 </style>