Add isHex check for addresses supplied to icons (#11071)

ui/components/ui/identicon/identicon.component.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import contractMap from '@metamask/contract-metadata';
 
-import { checksumAddress } from '../../../helpers/utils/util';
+import { checksumAddress, isHex } from '../../../helpers/utils/util';
 import Jazzicon from '../jazzicon';
 import BlockieIdenticon from './blockieIdenticon';
 
@@ -85,10 +85,12 @@ export default class Identicon extends PureComponent {
     }
 
     if (address) {
-      const checksummedAddress = checksumAddress(address);
+      if (isHex(address)) {
+        const checksummedAddress = checksumAddress(address);
 
-      if (contractMap[checksummedAddress]?.logo) {
-        return this.renderJazzicon();
+        if (contractMap[checksummedAddress]?.logo) {
+          return this.renderJazzicon();
+        }
       }
 
       return (

ui/helpers/utils/icon-factory.js

@@ -1,5 +1,5 @@
 import contractMap from '@metamask/contract-metadata';
-import { isValidAddress, checksumAddress } from './util';
+import { isValidAddress, checksumAddress, isHex } from './util';
 
 let iconFactory;
 
@@ -16,7 +16,12 @@ function IconFactory(jazzicon) {
 }
 
 IconFactory.prototype.iconForAddress = function (address, diameter) {
-  const addr = checksumAddress(address);
+  let addr = address;
+
+  if (isHex(address)) {
+    addr = checksumAddress(address);
+  }
+
   if (iconExistsFor(addr)) {
     return imageElFor(addr);
   }