Merge pull request #151 from cosmology-tech/use-cosmos-kit

Use cosmos kit

Author: pyramation

README.md

@@ -38,12 +38,13 @@ You don’t need to install or configure cosmjs, keplr, nextjs, webpack or Babel
 
 Everything is preconfigured, ready-to-go, so you can focus on your code!
 
-- ⚡️ Connect easily to 15+ wallets via [Cosmos Kit](https://github.com/cosmology-tech/cosmos-kit) — including Ledger, Keplr, Cosmostation, Leap, Trust Wallet, XDEFI, Exodus, Wallet Connect and more!
+- ⚡️ Connect easily to 20+ wallets via [Cosmos Kit](https://github.com/cosmology-tech/cosmos-kit) — including Ledger, Keplr, Cosmostation, Leap, Trust Wallet, OKX, XDEFI, Exodus, Wallet Connect and more!
 - ⚛️ Sign and broadcast with [cosmjs](https://github.com/cosmos/cosmjs) stargate + cosmwasm signers
+- 🎨 Build awesome UI with [Interchain UI](https://cosmology.zone/products/interchain-ui) and [Explore Components](https://cosmology.zone/explore)
 - 🛠 Render pages with [next.js](https://nextjs.org/) hybrid static & server rendering
-- 🎨 Build awesome UI with [Cosmos Kit UI](https://CosmosKit.com/explore) and [Chakra UI](https://chakra-ui.com/docs/components)
 - 📝 Leverage [chain-registry](https://github.com/cosmology-tech/chain-registry) for Chain and Asset info for all Cosmos chains
 
+
 ## Education & Resources
 
 🎥 [Checkout our videos](https://cosmology.zone/learn) to learn to learn more about `create-cosmos-app` and tooling for building frontends in the Cosmos!

examples/asset-list-chakra/components/asset-list/AmountInput.tsx

@@ -8,7 +8,7 @@ import {
   useColorModeValue,
   Skeleton,
 } from '@chakra-ui/react';
-import { ChainName } from '@cosmos-kit/core';
+import { ChainName } from 'cosmos-kit';
 import BigNumber from 'bignumber.js';
 import React, { useMemo } from 'react';
 import { useBalance, useChainUtils } from '../../hooks';

examples/asset-list-chakra/components/asset-list/AssetListSection.tsx

@@ -10,7 +10,7 @@ import AssetsOverview from './AssetsOverview';
 import ChainAssetsList from './ChainAssetsList';
 import { useChain } from '@cosmos-kit/react';
 import { useAssets } from '../../hooks';
-import { ChainName } from '@cosmos-kit/core';
+import { ChainName } from 'cosmos-kit';
 
 interface IProps {
   chainName: ChainName;

examples/asset-list-chakra/components/asset-list/AssetsOverview.tsx

@@ -14,7 +14,7 @@ import { PrettyAsset, Transfer, TransferInfo } from './types';
 import { useChainUtils, useTotalAssets } from '../../hooks';
 import { useChain } from '@cosmos-kit/react';
 import BigNumber from 'bignumber.js';
-import { ChainName } from '@cosmos-kit/core';
+import { ChainName } from 'cosmos-kit';
 
 interface IProps {
   assets: PrettyAsset[];

examples/asset-list-chakra/components/asset-list/ChainAssetsList.tsx

@@ -16,7 +16,7 @@ import React, { useMemo, useState } from 'react';
 import { PrettyAsset, PriceHash, Transfer, TransferInfo } from './types';
 import { SimpleButton } from './Buttons';
 import TransferModal from './TransferModal';
-import { ChainName } from '@cosmos-kit/core';
+import { ChainName } from 'cosmos-kit';
 import { useChainUtils } from '../../hooks';
 import { truncDecimals, formatDollarValue } from '@/utils';
 

examples/asset-list-chakra/components/asset-list/DropdownInput.tsx

@@ -22,7 +22,7 @@ import {
 } from './types';
 import BigNumber from 'bignumber.js';
 import { useBalance, useChainUtils } from '../../hooks';
-import { ChainName } from '@cosmos-kit/core';
+import { ChainName } from 'cosmos-kit';
 import { truncDecimals } from '@/utils';
 
 interface IProps {

examples/asset-list-chakra/components/asset-list/DropdownTransferModal.tsx

@@ -24,7 +24,7 @@ import { useChainWallet, useManager } from '@cosmos-kit/react';
 import BigNumber from 'bignumber.js';
 import { StdFee, coins } from '@cosmjs/amino';
 import { useChainUtils, useTx } from '../../hooks';
-import { ChainName } from '@cosmos-kit/core';
+import { ChainName } from 'cosmos-kit';
 import { KeplrWalletName } from '@/config';
 import { ibc } from 'osmo-query';
 

examples/asset-list-chakra/components/asset-list/TransferModal.tsx

@@ -23,7 +23,7 @@ import { LargeButton } from './Buttons';
 import { PriceHash, TransferInfo } from './types';
 import { useChainWallet, useManager } from '@cosmos-kit/react';
 import BigNumber from 'bignumber.js';
-import { ChainName } from '@cosmos-kit/core';
+import { ChainName } from 'cosmos-kit';
 import { coins, StdFee } from '@cosmjs/amino';
 import { useChainUtils, useTx } from '../../hooks';
 import { KeplrWalletName } from '@/config';

examples/asset-list-chakra/components/wallet/AddressCard.tsx

@@ -7,7 +7,7 @@ import {
   useColorMode,
   Image,
 } from '@chakra-ui/react';
-import { WalletStatus } from '@cosmos-kit/core';
+import { WalletStatus } from 'cosmos-kit';
 import { FaCheckCircle } from 'react-icons/fa';
 import { FiCopy } from 'react-icons/fi';
 import React, { ReactNode, useEffect, useState } from 'react';
@@ -156,10 +156,10 @@ export const ConnectedShowAddress = ({
             hasCopied
               ? 'green.400'
               : handleChangeColorModeValue(
-                  colorMode,
-                  'gray.500',
-                  'whiteAlpha.400'
-                )
+                colorMode,
+                'gray.500',
+                'whiteAlpha.400'
+              )
           }
         />
       )}

examples/asset-list-chakra/components/wallet/Wallet.tsx

@@ -11,7 +11,7 @@ import {
 import { MouseEventHandler, useEffect, useMemo } from 'react';
 import { FiAlertTriangle } from 'react-icons/fi';
 
-import { ChainName } from '@cosmos-kit/core';
+import { ChainName } from 'cosmos-kit';
 import { defaultChainName } from '@/config';
 import {
   Connected,