fix interchain-kit issue in chain-admin

Author: sdqede

templates/chain-admin/hooks/common/useStarshipChains.ts

@@ -31,21 +31,26 @@ export const useStarshipChains = () => {
         const { chains = [] } =
           (await fetcher<{ chains: Chain[] }>(`${baseUrl}/chains`)) ?? {};
 
+        const chainsWithType = chains.map(chain => ({
+          ...chain,
+          chainType: "cosmos" as const
+        }));
+
         const assets = (await Promise.all(
-          chains.map((chain) =>
+          chainsWithType.map((chain) =>
             // @ts-ignore
             fetcher<AssetList>(`${baseUrl}/chains/${chain.chain_id}/assets`) // if use chainId, got error: Cannot read properties of undefined (reading 'chainName') at const { connect, disconnect, address, wallet } = useChain(selectedChain)
           )
         ).then((assetLists) => assetLists.filter(Boolean))) as AssetList[];
 
-        return chains.length > 0 && assets.length > 0
+        return chainsWithType.length > 0 && assets.length > 0
           ? {
               v1: {
-                chains,
+                chains: chainsWithType,
                 assets,
               },
               v2: {
-                chains: convertKeysToCamelCase(chains) as ChainV2[],
+                chains: convertKeysToCamelCase(chainsWithType) as ChainV2[],
                 assets: convertKeysToCamelCase(assets) as AssetListV2[],
               },
             }

templates/chain-admin/pages/_app.tsx

@@ -2,7 +2,7 @@ import '../styles/globals.css';
 import '@interchain-ui/react/styles';
 
 import type { AppProps } from 'next/app';
-import { ChainProvider } from '@interchain-kit/react';
+import { ChainProvider, InterchainWalletModal } from '@interchain-kit/react';
 import { chains, assetLists } from 'chain-registry';
 import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
 import { Box, Toaster, useTheme } from '@interchain-ui/react';
@@ -36,6 +36,7 @@ function AppContent({ Component, pageProps }: AppProps) {
     }
     return chains;
   }, [starshipData]);
+  console.log('combinedChains', combinedChains);
 
   // Merge chain-registry and starship assetLists
   const combinedAssetLists = useMemo(() => {
@@ -51,7 +52,9 @@ function AppContent({ Component, pageProps }: AppProps) {
   }
 
   return (
-    <ChainProvider chains={combinedChains} assetLists={combinedAssetLists} wallets={wallets}>
+    <ChainProvider chains={combinedChains} assetLists={combinedAssetLists} wallets={wallets}
+      walletModal={() => <InterchainWalletModal />}
+    >
       <Box className={themeClass}>
         <Layout>
           <Component {...pageProps} />