From b422550035c092ecb26bed243840e40e20fa6d09 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Tue, 23 Nov 2021 13:52:57 +0100
Subject: [PATCH] Use ENS-based path when available

Signed-off-by: Alexis Sellier <self@cloudhead.io>
---
 src/Address.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Address.svelte b/src/Address.svelte
index 9f26805e0..02dc007f1 100644
--- a/src/Address.svelte
+++ b/src/Address.svelte
@@ -21,6 +21,8 @@
     : ethers.utils.getAddress(address);
   let addressType: AddressType | null = null;
 
+  const nameOrAddress = profile?.name || address;
+
   onMount(async () => {
     identifyAddress(address, config).then((t: AddressType) => addressType = t);
     if (resolve && !profile) {
@@ -52,7 +54,7 @@
     <Avatar inline source={profile?.avatar ?? address} {address}/>
   {/if}
   {#if addressType === AddressType.Org}
-    <a use:link href={`/orgs/${address}`}>{addressLabel}</a>
+    <a use:link href={`/orgs/${nameOrAddress}`}>{addressLabel}</a>
     <span class="badge">org</span>
   {:else if addressType === AddressType.Safe}
     <a href={safeLink(address, config)} target="_blank">{addressLabel}</a>
@@ -61,7 +63,7 @@
     <a href={explorerLink(address, config)} target="_blank">{addressLabel}</a>
     <span class="badge">contract</span>
   {:else if addressType === AddressType.EOA}
-    <a href={`/users/${address}`}>{addressLabel}</a>
+    <a href={`/users/${nameOrAddress}`}>{addressLabel}</a>
   {:else} <!-- While we're waiting to find out what address type it is -->
     <a href={explorerLink(address, config)} target="_blank">{addressLabel}</a>
   {/if}