From fa26c119f789c9fbae7b9abd999bd64ab0f1d6ca Mon Sep 17 00:00:00 2001 From: Ezerous Date: Tue, 8 Dec 2020 18:44:27 +0200 Subject: [PATCH] Add MetaMask logo --- packages/concordia-app/src/assets/images/metamask_logo.svg | 1 + .../components/InitializationScreen/CustomLoader/index.jsx | 6 +++++- .../src/components/InitializationScreen/index.jsx | 4 ++-- 3 files changed, 8 insertions(+), 3 deletions(-) create mode 100644 packages/concordia-app/src/assets/images/metamask_logo.svg diff --git a/packages/concordia-app/src/assets/images/metamask_logo.svg b/packages/concordia-app/src/assets/images/metamask_logo.svg new file mode 100644 index 0000000..a6cffef --- /dev/null +++ b/packages/concordia-app/src/assets/images/metamask_logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/concordia-app/src/components/InitializationScreen/CustomLoader/index.jsx b/packages/concordia-app/src/components/InitializationScreen/CustomLoader/index.jsx index 99bcedf..32ea822 100644 --- a/packages/concordia-app/src/components/InitializationScreen/CustomLoader/index.jsx +++ b/packages/concordia-app/src/components/InitializationScreen/CustomLoader/index.jsx @@ -4,6 +4,7 @@ import PropTypes from 'prop-types'; import { Container, Progress } from 'semantic-ui-react'; // Images +import metamaskLogo from '../../../assets/images/metamask_logo.svg'; import ethereumLogo from '../../../assets/images/ethereum_logo.svg'; import ipfsLogo from '../../../assets/images/ipfs_logo.svg'; import orbitdbLogo from '../../../assets/images/orbitdb_logo.svg'; @@ -20,7 +21,10 @@ const LoadingComponent = (props) => { let imageSrc; let imageAlt; let listItems; let indicating; let error; - if (imageType === 'ethereum') { + if (imageType === 'metamask') { + imageSrc = metamaskLogo; + imageAlt = 'metamask_logo'; + } else if (imageType === 'ethereum') { imageSrc = ethereumLogo; imageAlt = 'ethereum_logo'; } else if (imageType === 'ipfs') { diff --git a/packages/concordia-app/src/components/InitializationScreen/index.jsx b/packages/concordia-app/src/components/InitializationScreen/index.jsx index 0e46ac3..7a2dc5a 100644 --- a/packages/concordia-app/src/components/InitializationScreen/index.jsx +++ b/packages/concordia-app/src/components/InitializationScreen/index.jsx @@ -25,9 +25,9 @@ const InitializationLoader = ({ children }) => { MetaMask, ' first.']} - imageType="ethereum" + imageType="metamask" progress={10} - progressType="indicating" + progressType="error" /> ); }