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 @@ {address} Sorry, there is no Org at this address. + + View in explorer + ↗ + 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}`; +}
{address}
Sorry, there is no Org at this address.
+ View in explorer + ↗ +