From 86368b3b8a1c38be98e549f82bbe25d937899795 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Thu, 3 Jun 2021 14:20:23 +0200
Subject: [PATCH] Resolve ENS names

---
 src/Address.svelte        | 15 +++++++++++----
 src/base/orgs/View.svelte |  2 +-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/Address.svelte b/src/Address.svelte
index bfc3cfe67..dd9ff72a9 100644
--- a/src/Address.svelte
+++ b/src/Address.svelte
@@ -10,13 +10,20 @@
 
   export let address: string;
   export let config: Config;
+  export let resolve = false;
 
   let checksumAddress = ethers.utils.getAddress(address);
   let addressType: AddressType | null = null;
+  let addressName: string | null = null;
 
-  onMount(async () => {
-    addressType = await identifyAddress(address, config);
+  onMount(() => {
+    identifyAddress(address, config).then(typ => addressType = typ);
+    if (resolve) {
+      config.provider.lookupAddress(address).then(name => addressName = name);
+    }
   });
+
+  $: addressLabel = addressName || checksumAddress;
 </script>
 
 <style>
@@ -44,10 +51,10 @@
 <div class="address">
   <span class="icon"><Blockies address={address} /></span>
   {#if addressType === AddressType.Org}
-    <a use:link href={`/orgs/${address}`}>{checksumAddress}</a>
+    <a use:link href={`/orgs/${address}`}>{addressLabel}</a>
     <span class="badge">org</span>
   {:else}
-    <a href={explorerLink(address, config)} target="_blank">{checksumAddress}</a>
+    <a href={explorerLink(address, config)} target="_blank">{addressLabel}</a>
     {#if addressType === AddressType.Contract}
       <span class="badge">contract</span>
     {:else if addressType === AddressType.EOA}
diff --git a/src/base/orgs/View.svelte b/src/base/orgs/View.svelte
index 1a4c59c60..f27c85018 100644
--- a/src/base/orgs/View.svelte
+++ b/src/base/orgs/View.svelte
@@ -142,7 +142,7 @@
         <div></div>
         <!-- Owner -->
         <div class="label">Owner</div>
-        <div><Address {config} address={org.safe} /></div>
+        <div><Address resolve {config} address={org.safe} /></div>
         <div>
           {#if isOwner(org)}
             <button class="tiny secondary" on:click={transferOwnership}>