From e9423be8948c4de0eee527b8161240e0144dde5b Mon Sep 17 00:00:00 2001
From: Nidhi Kumari <nidhi.kumari@consensys.net>
Date: Mon, 26 Jun 2023 22:07:20 +0530
Subject: [PATCH] updated linea image for token and badge (#19717)

* updated linea image for token and badge

* replaced hardcoded string with constant
---
 .../multichain/token-list-item/token-list-item.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/ui/components/multichain/token-list-item/token-list-item.js b/ui/components/multichain/token-list-item/token-list-item.js
index 49b3fa0dd..6ee7fc715 100644
--- a/ui/components/multichain/token-list-item/token-list-item.js
+++ b/ui/components/multichain/token-list-item/token-list-item.js
@@ -29,6 +29,7 @@ import {
   MetaMetricsEventCategory,
   MetaMetricsEventName,
 } from '../../../../shared/constants/metametrics';
+import { LINEA_GOERLI_TOKEN_IMAGE_URL } from '../../../../shared/constants/network';
 
 export const TokenListItem = ({
   className,
@@ -44,6 +45,10 @@ export const TokenListItem = ({
   const dataTheme = document.documentElement.getAttribute('data-theme');
   const trackEvent = useContext(MetaMetricsContext);
   const chainId = useSelector(getCurrentChainId);
+  const badgeWrapperImage =
+    title === 'LineaETH' ? LINEA_GOERLI_TOKEN_IMAGE_URL : primaryTokenImage;
+  const badgeTokenImage =
+    title === 'LineaETH' ? LINEA_GOERLI_TOKEN_IMAGE_URL : tokenImage;
 
   return (
     <Box
@@ -80,9 +85,9 @@ export const TokenListItem = ({
             <AvatarNetwork
               size={Size.XS}
               name={tokenSymbol}
-              src={primaryTokenImage}
+              src={badgeWrapperImage}
               borderColor={
-                primaryTokenImage
+                badgeWrapperImage
                   ? BorderColor.borderMuted
                   : BorderColor.borderDefault
               }
@@ -92,10 +97,12 @@ export const TokenListItem = ({
         >
           <AvatarToken
             name={tokenSymbol}
-            src={tokenImage}
+            src={badgeTokenImage}
             showHalo
             borderColor={
-              tokenImage ? BorderColor.transparent : BorderColor.borderDefault
+              badgeTokenImage
+                ? BorderColor.transparent
+                : BorderColor.borderDefault
             }
           />
         </BadgeWrapper>