diff --git a/web/cashtab/src/components/Send/SendToken.js b/web/cashtab/src/components/Send/SendToken.js
--- a/web/cashtab/src/components/Send/SendToken.js
+++ b/web/cashtab/src/components/Send/SendToken.js
@@ -28,6 +28,8 @@
} from '@components/Common/Notifications';
import { isValidXecAddress, isValidEtokenAddress } from '@utils/validation';
import { formatDate } from '@utils/formatting';
+import TokenIcon from '@components/Tokens/TokenIcon';
+
const SendToken = ({ tokenId, jestBCH, passLoadingStatus }) => {
const { wallet, apiError } = React.useContext(WalletContext);
const walletState = getWalletState(wallet);
@@ -363,50 +365,26 @@
title={`Token info for "${token.info.tokenName}"`}
>
- {currency.tokenIconsUrl !== '' ? (
-
+
- }
- trigger="click"
- color="transparent"
- >
-
- }
+
+ }
+ trigger="click"
+ color="transparent"
+ >
+
+
-
- ) : (
-
- )}
+
+
{token.info.decimals}
diff --git a/web/cashtab/src/components/Tokens/TokenIcon.js b/web/cashtab/src/components/Tokens/TokenIcon.js
new file mode 100644
--- /dev/null
+++ b/web/cashtab/src/components/Tokens/TokenIcon.js
@@ -0,0 +1,49 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import makeBlockie from 'ethereum-blockies-base64';
+import { Img } from 'react-image';
+import { currency } from '@components/Common/Ticker';
+
+const TokenIcon = ({ size, tokenId }) => {
+ return (
+ <>
+ {currency.tokenIconsUrl !== '' ? (
+
+ }
+ />
+ ) : (
+
+ )}
+ >
+ );
+};
+TokenIcon.propTypes = {
+ size: PropTypes.number,
+ tokenId: PropTypes.string,
+};
+
+export default TokenIcon;
diff --git a/web/cashtab/src/components/Tokens/__tests__/__snapshots__/Tokens.test.js.snap b/web/cashtab/src/components/Tokens/__tests__/__snapshots__/Tokens.test.js.snap
--- a/web/cashtab/src/components/Tokens/__tests__/__snapshots__/Tokens.test.js.snap
+++ b/web/cashtab/src/components/Tokens/__tests__/__snapshots__/Tokens.test.js.snap
@@ -370,7 +370,7 @@
className="sc-hSdWYo tUbiI"
>