From d6f97ec67c838e74034ceb349708cdd1e8f187da Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Mon, 21 Jun 2021 12:08:32 +0200
Subject: [PATCH] Fix error flow of SetName

---
 src/ens/SetName.svelte | 42 ++++++++++++++++++++++++++++--------------
 1 file changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/ens/SetName.svelte b/src/ens/SetName.svelte
index 0a7ebe01d..23c71ff9f 100644
--- a/src/ens/SetName.svelte
+++ b/src/ens/SetName.svelte
@@ -31,7 +31,7 @@
     let domain = `${name}.${config.registrar.domain}`;
     let resolved = await config.provider.resolveName(domain);
 
-    if (isAddressEqual(resolved, org.address)) {
+    if (resolved && isAddressEqual(resolved, org.address)) {
       state = State.Signing;
       try {
         let tx = await org.setName(domain, config);
@@ -66,25 +66,39 @@
       </button>
     </div>
   </Modal>
+{:else if mismatchError}
+  <Modal floating error>
+    <div slot="title">
+      👻
+    </div>
+
+    <div slot="body">
+      <div class="error">
+        The name <strong>{name}.{config.registrar.domain}</strong> does not
+        resolve to <strong>{formatAddress(org.address)}</strong>. Please update
+        The ENS record for {name}.{config.registrar.domain} to
+        point to the correct address and try again.
+      </div>
+    </div>
+
+    <div slot="actions">
+      <button class="secondary" on:click={() => mismatchError = false}>
+        Back
+      </button>
+
+      <button class="text" on:click={() => dispatch('close')}>
+        Cancel
+      </button>
+    </div>
+  </Modal>
 {:else}
   <Modal floating>
     <div slot="title">
-      {#if mismatchError}
-        👻
-      {:else}
-        🖊️
-      {/if}
+      🖊️
     </div>
 
     <div slot="subtitle">
-      {#if mismatchError}
-        <div class="error">
-          The name <strong>{name}.{config.registrar.domain}</strong> does not
-          resolve to <strong>{formatAddress(org.address)}</strong>. Please update
-          The ENS record for {name}.{config.registrar.domain} to
-          point to the correct address.
-        </div>
-      {:else if state == State.Signing}
+      {#if state == State.Signing}
         Please confirm the transaction in your wallet.
       {:else if state == State.Pending}
         Transaction is being processed by the network...