XDC logo added in network dropdown

XinFinOrg · Jan 7, 2023 · fedd3c5 · fedd3c5
1 parent 23b9db9
commit fedd3c5
Showing 1 changed file with 6 additions and 9 deletions.
diff --git a/ui/app/components/app/dropdowns/components/network-dropdown-icon.js b/ui/app/components/app/dropdowns/components/network-dropdown-icon.js
@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import Identicon from '../../../ui/identicon/identicon.component'
 
 function NetworkDropdownIcon (props) {
   const {
@@ -25,13 +26,9 @@ function NetworkDropdownIcon (props) {
     )
     : (
       <div className={`menu-icon-circle${isSelected ? '--active' : ''}`}>
-        <div
-          style={{
-            background: backgroundColor,
-            border: innerBorder,
-            height: `${diameter}px`,
-            width: `${diameter}px`,
-          }}
+        <Identicon
+          image="./images/xdc_logo.svg"
+          diameter={diameter}
         />
       </div>
     )
@@ -41,15 +38,15 @@ NetworkDropdownIcon.defaultProps = {
   backgroundColor: undefined,
   loading: false,
   innerBorder: 'none',
-  diameter: '12',
+  diameter: 16,
   isSelected: false,
 }
 
 NetworkDropdownIcon.propTypes = {
   backgroundColor: PropTypes.string,
   loading: PropTypes.bool,
   innerBorder: PropTypes.string,
-  diameter: PropTypes.string,
+  diameter: PropTypes.number,
   isSelected: PropTypes.bool,
 }