From 73b00be0af0441c10320eefa915d1e545f4c28fd Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Tue, 18 May 2021 16:32:04 +0200
Subject: [PATCH] Add an explorer link to the not found page

---
 public/index.css             | 3 +++
 src/base/orgs/Profile.svelte | 6 +++++-
 src/utils.ts                 | 8 ++++++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/public/index.css b/public/index.css
index 7e51b2b41..f478c1e0f 100644
--- a/public/index.css
+++ b/public/index.css
@@ -224,6 +224,9 @@ input.wide {
 	color: var(--color-subtle);
 	font-style: italic;
 }
+.faded {
+	color: var(--color-subtle);
+}
 .label {
 	color: var(--color-secondary);
 }
diff --git a/src/base/orgs/Profile.svelte b/src/base/orgs/Profile.svelte
index dfa5cc82a..18f71966b 100644
--- a/src/base/orgs/Profile.svelte
+++ b/src/base/orgs/Profile.svelte
@@ -6,7 +6,7 @@
   import type { Config } from '@app/config';
   import type { Registration } from '@app/base/register/registrar';
   import { getRegistration } from '@app/base/register/registrar';
-  import { parseEnsLabel } from '@app/utils';
+  import { parseEnsLabel, explorerLink } from '@app/utils';
   import { Org } from './Org';
   import { session } from '@app/session';
   import Loading from '@app/Loading.svelte';
@@ -144,6 +144,10 @@
       <span slot="body">
         <p class="highlight"><strong>{address}</strong></p>
         <p>Sorry, there is no Org at this address.</p>
+        <p>
+          <a href={explorerLink(address, config)} target="_blank">View in explorer</a>
+          <span class="faded">↗</span>
+        </p>
       </span>
       <span slot="actions">
         <button on:click={back}>
diff --git a/src/utils.ts b/src/utils.ts
index 92ca4d1a0..6fe1851bb 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -51,3 +51,11 @@ export function getSearchParam(key: string, location: RouteLocation): string | n
   let params = new URLSearchParams(location.search);
   return params.get(key);
 }
+
+// Get the explorer link of an address, eg. Etherscan.
+export function explorerLink(addr: string, config: Config): string {
+  if (config.network.name == "ropsten") {
+    return `https://ropsten.etherscan.io/address/${addr}`;
+  }
+  return `https://etherscan.io/address/${addr}`;
+}