From b6e211c0979e7ce30983b49970aa100d5bbf2d5d Mon Sep 17 00:00:00 2001
From: Mark Shenouda <mark.s.shenouda@gmail.com>
Date: Wed, 1 Apr 2026 13:07:25 +0200
Subject: [PATCH] fix: use chain.logo instead of getNetworkIconUrl in
 NetworkGrid

Testnet chain display names (e.g. 'Ethereum Sepolia') were being
normalized to CDN paths that don't exist (e.g. ethereum-sepolia.svg).
Mainnet names (e.g. 'Ethereum') happened to match CDN filenames.

getAllNetworks already computes the correct logo via getChainIcon,
so use chain.logo directly and remove the getNetworkIconUrl call.
---
 src/components/CCIP/Landing/NetworkGrid.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/CCIP/Landing/NetworkGrid.tsx b/src/components/CCIP/Landing/NetworkGrid.tsx
index b7bf64a85d7..a2b4ff18be5 100644
--- a/src/components/CCIP/Landing/NetworkGrid.tsx
+++ b/src/components/CCIP/Landing/NetworkGrid.tsx
@@ -1,6 +1,5 @@
 import Card from "../Cards/Card.tsx"
 import Grid from "./Grid.tsx"
-import { getNetworkIconUrl } from "~/config/data/ccip/data.ts"
 interface NetworkGridProps {
   networks: {
     name: string
@@ -25,7 +24,7 @@ function NetworkGrid({ networks, environment }: NetworkGridProps) {
         return (
           <Card
             key={chain.chain}
-            logo={<img src={getNetworkIconUrl(chain.name)} alt="" loading="lazy" />}
+            logo={<img src={chain.logo} alt="" loading="lazy" />}
             title={chain.name}
             subtitle={subtitle}
             link={`/ccip/directory/${environment}/chain/${chain.chain}`}