diff --git a/package-lock.json b/package-lock.json index b5bba7106..465fb523d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6,6 +6,7 @@ "": { "dependencies": { "@snowpack/plugin-typescript": "^1.2.1", + "ethereum-blockies": "^0.1.1", "ethers": "^5.0.31", "multibase": "^4.0.4", "svelte": "^3.32.3", @@ -1396,6 +1397,11 @@ "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==", "dev": true }, + "node_modules/ethereum-blockies": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/ethereum-blockies/-/ethereum-blockies-0.1.1.tgz", + "integrity": "sha1-h5/pWd7vSSp6krQ9w0ro3C7lkfw=" + }, "node_modules/ethers": { "version": "5.1.4", "resolved": "https://registry.npmjs.org/ethers/-/ethers-5.1.4.tgz", @@ -4438,6 +4444,11 @@ "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==", "dev": true }, + "ethereum-blockies": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/ethereum-blockies/-/ethereum-blockies-0.1.1.tgz", + "integrity": "sha1-h5/pWd7vSSp6krQ9w0ro3C7lkfw=" + }, "ethers": { "version": "5.1.4", "resolved": "https://registry.npmjs.org/ethers/-/ethers-5.1.4.tgz", diff --git a/package.json b/package.json index 770ceb702..4698dd466 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ }, "dependencies": { "@snowpack/plugin-typescript": "^1.2.1", + "ethereum-blockies": "^0.1.1", "ethers": "^5.0.31", "multibase": "^4.0.4", "svelte": "^3.32.3", diff --git a/src/App.svelte b/src/App.svelte index 393a163d8..2e122eed9 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -39,7 +39,9 @@
{#await getConfig()} - +
+ +
{:then config}
diff --git a/src/Blocky.svelte b/src/Blocky.svelte new file mode 100644 index 000000000..a0e7e6771 --- /dev/null +++ b/src/Blocky.svelte @@ -0,0 +1,31 @@ + + + + +
+
diff --git a/src/base/orgs/View.svelte b/src/base/orgs/View.svelte index f6f1bf306..37063e187 100644 --- a/src/base/orgs/View.svelte +++ b/src/base/orgs/View.svelte @@ -12,6 +12,7 @@ import Modal from '@app/Modal.svelte'; import Error from '@app/Error.svelte'; import Icon from '@app/Icon.svelte'; + import Blocky from '@app/Blocky.svelte'; import SetName from '@app/ens/SetName.svelte'; import Project from '@app/base/projects/Widget.svelte'; import * as utils from '@app/utils'; @@ -102,11 +103,13 @@ {#if org}
- {#if registration && registration.avatar} -
+
+ {#if registration && registration.avatar} avatar -
- {/if} + {:else} + + {/if} +
{registration ? label : address}