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" /> ); }