From 7b885b93d6cb2e84877352fb231a9bc772a531f9 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Fri, 13 May 2022 14:00:25 +0200
Subject: [PATCH] Show disabled siwe button

Signed-off-by: Alexis Sellier <self@cloudhead.io>
---
 src/SiweConnect.svelte     | 5 ++++-
 src/base/seeds/View.svelte | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/SiweConnect.svelte b/src/SiweConnect.svelte
index 5fa656e21..e164014b1 100644
--- a/src/SiweConnect.svelte
+++ b/src/SiweConnect.svelte
@@ -8,6 +8,8 @@
   export let seed: Seed;
   export let config: Config;
   export let caption = "Sign in";
+  export let tooltip = "";
+  export let disabled = false;
 
   let connection: Connection = Connection.Disconnected;
 </script>
@@ -20,7 +22,8 @@
 
 <button
   class="tiny secondary"
-  disabled={connection === Connection.Connecting}
+  title={tooltip}
+  disabled={disabled || (connection === Connection.Connecting)}
   on:click={async () => {
     connection = Connection.Connecting;
     try {
diff --git a/src/base/seeds/View.svelte b/src/base/seeds/View.svelte
index 5257d5884..d9e8181a0 100644
--- a/src/base/seeds/View.svelte
+++ b/src/base/seeds/View.svelte
@@ -107,7 +107,7 @@
             <SiweConnect {seed} {config} />
           {/if}
         {:else}
-          <div class="subtle">Please connect your wallet.</div>
+          <SiweConnect disabled {seed} {config} tooltip={"Connect your wallet to sign in"} />
         {/if}
       </div>
     </header>