diff --git a/public/index.css b/public/index.css index 5596b7457..8cd459a63 100644 --- a/public/index.css +++ b/public/index.css @@ -171,7 +171,7 @@ button.tiny { a { color: #d0d0d0; text-decoration: none; - border-bottom: 1px solid #444; + border-bottom: 1px dashed #444; } a:hover { color: var(--color-foreground); diff --git a/src/Address.svelte b/src/Address.svelte new file mode 100644 index 000000000..b9e71b721 --- /dev/null +++ b/src/Address.svelte @@ -0,0 +1,34 @@ + + + + +
+ + {checksumAddress} +
diff --git a/src/Form.svelte b/src/Form.svelte index d14f088e0..a7fb64f1e 100644 --- a/src/Form.svelte +++ b/src/Form.svelte @@ -12,10 +12,13 @@ import { createEventDispatcher } from 'svelte'; import { link } from 'svelte-routing'; import { capitalize, isUrl, isAddress } from '@app/utils'; + import Address from '@app/Address.svelte'; + import type { Config } from '@app/config'; export let fields: Field[]; export let editable = false; export let disabled = false; + export let config: Config; const dispatch = createEventDispatcher(); const save = () => dispatch('save', fields); @@ -93,7 +96,7 @@ {#if isUrl(field.value)} {field.value} {:else if isAddress(field.value)} - {field.value} +
{:else} {field.value} {/if} diff --git a/src/base/orgs/View.svelte b/src/base/orgs/View.svelte index 6cd3dc7ea..0315d0d66 100644 --- a/src/base/orgs/View.svelte +++ b/src/base/orgs/View.svelte @@ -14,6 +14,7 @@ import Blockies from '@app/Blockies.svelte'; import SetName from '@app/ens/SetName.svelte'; import Project from '@app/base/projects/Widget.svelte'; + import Address from '@app/Address.svelte'; import * as utils from '@app/utils'; import { Org } from './Org'; @@ -136,9 +137,12 @@
-
Address
{org.address}
+
Address
+
+
-
Owner
{org.safe}
+
Owner
+
{#if isOwner(org)} -
editable = false} /> + editable = false} /> {#if updateRecords} diff --git a/src/utils.ts b/src/utils.ts index 534539eca..f2d7ca91b 100644 --- a/src/utils.ts +++ b/src/utils.ts @@ -62,6 +62,8 @@ export function getSearchParam(key: string, location: RouteLocation): string | n export function explorerLink(addr: string, config: Config): string { if (config.network.name == "ropsten") { return `https://ropsten.etherscan.io/address/${addr}`; + } else if (config.network.name == "rinkeby") { + return `https://rinkeby.etherscan.io/address/${addr}`; } return `https://etherscan.io/address/${addr}`; }