Fix support for custom icons in ChainLogo

Bump version to 3.13.1
hyperlane-xyz · Jun 8, 2024 · 62dc6b3 · 62dc6b3
1 parent 7150abb
commit 62dc6b3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@hyperlane-xyz/widgets",
   "description": "Common react components for Hyperlane projects",
-  "version": "3.13.0",
+  "version": "3.13.1",
   "author": "J M Rossy",
   "peerDependencies": {
     "react": "^18",

diff --git a/src/icons/ChainLogo.tsx b/src/icons/ChainLogo.tsx
@@ -27,6 +27,8 @@ export function ChainLogo({
   const iconSize = Math.floor(size / 1.9);
 
   const [svgLogos, setSvgLogos] = useState({});
+  const logoUri = svgLogos[chainName];
+
   useEffect(() => {
     if (!chainName || svgLogos[chainName] || Icon) return;
     registry
@@ -35,9 +37,7 @@ export function ChainLogo({
       .catch((err) => console.error(err));
   }, [chainName, registry, svgLogos, Icon]);
 
-  const logoUri = svgLogos[chainName];
-
-  if (!logoUri) {
+  if (!logoUri && !Icon) {
     return (
       <Circle size={size} title={title} bgColorSeed={bgColorSeed}>
         {chainName ? (