From 2cd1472e3a975a6fe8971842f7c5f421856adc8e Mon Sep 17 00:00:00 2001
From: Thomas Huang <tmashuang@users.noreply.github.com>
Date: Tue, 5 Apr 2022 10:48:03 -0700
Subject: [PATCH] Fix imported component name and change size proptype type to
 string (#14237)

* Fix imported component name and change size proptype type to string

* Change IconTokenSearch size prop back to number and change usage to number
---
 .../token-list-placeholder.component.js                       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/pages/import-token/token-list/token-list-placeholder/token-list-placeholder.component.js b/ui/pages/import-token/token-list/token-list-placeholder/token-list-placeholder.component.js
index 3ec1f8b8e..602fb2d8e 100644
--- a/ui/pages/import-token/token-list/token-list-placeholder/token-list-placeholder.component.js
+++ b/ui/pages/import-token/token-list/token-list-placeholder/token-list-placeholder.component.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import Button from '../../../../components/ui/button';
-import IconSearch from '../../../../components/ui/icon/icon-token-search';
+import IconTokenSearch from '../../../../components/ui/icon/icon-token-search';
 
 export default class TokenListPlaceholder extends Component {
   static contextTypes = {
@@ -11,7 +11,7 @@ export default class TokenListPlaceholder extends Component {
   render() {
     return (
       <div className="token-list-placeholder">
-        <IconSearch size="64" color="var(--color-icon-muted)" />
+        <IconTokenSearch size={64} color="var(--color-icon-muted)" />
         <div className="token-list-placeholder__text">
           {this.context.t('addAcquiredTokens')}
         </div>