From 8b166c9773ecd77da0f1ebc902fc8cce8a4e32fa Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Mon, 21 Jun 2021 13:09:58 +0200
Subject: [PATCH] Handle failed transaction in SetName

---
 src/ens/SetName.svelte | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/ens/SetName.svelte b/src/ens/SetName.svelte
index 23c71ff9f..1c93a62f6 100644
--- a/src/ens/SetName.svelte
+++ b/src/ens/SetName.svelte
@@ -6,6 +6,7 @@
   import DomainInput from '@app/ens/DomainInput.svelte';
   import type { Org } from '@app/base/orgs/Org';
   import Loading from '@app/Loading.svelte';
+  import Error from '@app/Error.svelte';
 
   const dispatch = createEventDispatcher();
 
@@ -23,6 +24,7 @@
 
   let name = "";
   let state = State.Idle;
+  let error: string | null = null;
   let mismatchError = false; // Set if the name entered does not resolve to the address.
 
   const onSubmit = async () => {
@@ -41,6 +43,7 @@
       } catch (e) {
         console.error(e);
         state = State.Failed;
+        error = e.message;
       }
     } else {
       state = State.Idle;
@@ -91,6 +94,8 @@
       </button>
     </div>
   </Modal>
+{:else if state === State.Failed && error}
+  <Error floating title="Transaction failed" message={error} on:close />
 {:else}
   <Modal floating>
     <div slot="title">