From fedd3c5d86db8089f2aa9764c06f5eb82cf3ddca Mon Sep 17 00:00:00 2001
From: Jignesh Tejani <jigneshtejani227@gmail.com>
Date: Sat, 7 Jan 2023 23:20:15 +0530
Subject: [PATCH] XDC logo added in network dropdown

---
 .../dropdowns/components/network-dropdown-icon.js | 15 ++++++---------
 1 file changed, 6 insertions(+), 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
index d152120019c5..7d5625030bfe 100644
--- 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,7 +38,7 @@ NetworkDropdownIcon.defaultProps = {
   backgroundColor: undefined,
   loading: false,
   innerBorder: 'none',
-  diameter: '12',
+  diameter: 16,
   isSelected: false,
 }
 
@@ -49,7 +46,7 @@ NetworkDropdownIcon.propTypes = {
   backgroundColor: PropTypes.string,
   loading: PropTypes.bool,
   innerBorder: PropTypes.string,
-  diameter: PropTypes.string,
+  diameter: PropTypes.number,
   isSelected: PropTypes.bool,
 }