Merge pull request #60 from hyperlane-xyz/3.7.0

Updgrade to 3.7.0 libs

package.json

@@ -1,13 +1,13 @@
 {
   "name": "@hyperlane-xyz/explorer",
   "description": "An interchain explorer for the Hyperlane protocol and network.",
-  "version": "3.1.4",
+  "version": "3.7.0",
   "author": "J M Rossy",
   "dependencies": {
     "@headlessui/react": "^1.7.17",
-    "@hyperlane-xyz/sdk": "3.1.4",
-    "@hyperlane-xyz/utils": "3.1.4",
-    "@hyperlane-xyz/widgets": "3.1.4",
+    "@hyperlane-xyz/sdk": "3.7.0",
+    "@hyperlane-xyz/utils": "3.7.0",
+    "@hyperlane-xyz/widgets": "3.7.0",
     "@metamask/jazzicon": "https://github.com/jmrossy/jazzicon#7a8df28974b4e81129bfbe3cab76308b889032a6",
     "@rainbow-me/rainbowkit": "0.12.16",
     "@tanstack/react-query": "^4.24.10",

src/components/icons/ChainLogo.tsx

@@ -5,13 +5,9 @@ import { ChainLogo as ChainLogoInner } from '@hyperlane-xyz/widgets';
 import { getChainName } from '../../features/chains/utils';
 import { useMultiProvider } from '../../features/providers/multiProvider';
 
-// TODO widget lib for new chainid type
-type Props = Omit<ComponentProps<typeof ChainLogoInner>, 'chainId'> & { chainId: number | string };
-
-export function ChainLogo(props: Props) {
+export function ChainLogo(props: ComponentProps<typeof ChainLogoInner>) {
   const { chainName, chainId, ...rest } = props;
   const multiProvider = useMultiProvider();
   const name = chainName || getChainName(multiProvider, props.chainId);
-  const chainIdNumber = typeof chainId === 'number' ? chainId : undefined;
-  return <ChainLogoInner {...rest} chainName={name} chainId={chainIdNumber} />;
+  return <ChainLogoInner {...rest} chainName={name} chainId={chainId} />;
 }