diff --git a/packages/cosmos-kit/package.json b/packages/cosmos-kit/package.json index ed607343b..4511eae34 100644 --- a/packages/cosmos-kit/package.json +++ b/packages/cosmos-kit/package.json @@ -85,6 +85,7 @@ "@cosmos-kit/okxwallet-extension": "^2.11.2", "@cosmos-kit/omni": "^2.10.2", "@cosmos-kit/owallet": "^2.11.2", + "@cosmos-kit/prax-extension": "0.0.1", "@cosmos-kit/shell": "^2.11.2", "@cosmos-kit/station": "^2.10.2", "@cosmos-kit/tailwind": "^1.5.2", diff --git a/packages/cosmos-kit/src/wallets.ts b/packages/cosmos-kit/src/wallets.ts index cd026269e..571b50aac 100644 --- a/packages/cosmos-kit/src/wallets.ts +++ b/packages/cosmos-kit/src/wallets.ts @@ -24,6 +24,7 @@ import { wallets as exodusExtension } from '@cosmos-kit/exodus-extension'; import { wallets as tailwindWallet } from '@cosmos-kit/tailwind'; import { wallets as galaxyStationExtension } from '@cosmos-kit/galaxy-station-extension'; import { wallets as cdcwalletExtension } from '@cosmos-kit/cdcwallet-extension'; +import { wallets as praxExtension } from '@cosmos-kit/prax-extension'; export type WalletName = | 'keplr' @@ -45,7 +46,8 @@ export type WalletName = | 'owallet' | 'exodus' | 'galaxystation' - | 'cdcwallet'; + | 'cdcwallet' + | 'prax'; export type WalletList< E extends MainWalletBase | null, @@ -106,6 +108,7 @@ export const tailwind = createWalletList(tailwindWallet[0], null); export const owallet = createWalletList(owalletExtension[0], null); export const galaxystation = createWalletList(galaxyStationExtension[0], null); export const cdcwallet = createWalletList(cdcwalletExtension[0], null); +export const prax = createWalletList(praxExtension[0], null); export type SubWalletList = MainWalletBase[] & { get mobile(): MainWalletBase[]; @@ -132,6 +135,7 @@ export type AllWalletList = SubWalletList & { owallet: typeof owallet; galaxystation: typeof owallet; cdcwallet: typeof cdcwallet; + prax: typeof prax; for: (...names: WalletName[]) => SubWalletList; not: (...names: WalletName[]) => SubWalletList; }; @@ -175,6 +179,7 @@ export function createAllWalletList(ws: MainWalletBase[]) { wallets.owallet = owallet; wallets.galaxystation = galaxystation; wallets.cdcwallet = cdcwallet; + wallets.prax = prax; defineGetters(wallets); @@ -226,4 +231,5 @@ export const wallets = createAllWalletList([ ...owallet, ...galaxystation, ...cdcwallet, + ...prax, ]); diff --git a/packages/docs/components/react/wallet-connect.tsx b/packages/docs/components/react/wallet-connect.tsx index 44faaeb84..fc5d9b0e2 100644 --- a/packages/docs/components/react/wallet-connect.tsx +++ b/packages/docs/components/react/wallet-connect.tsx @@ -55,9 +55,7 @@ export const ConnectWalletButton = ({ gap="$4" as="span" borderRadius="8px" - style={{ - zIndex: "1", - }} + zIndex={1} > diff --git a/packages/docs/pages/_app.tsx b/packages/docs/pages/_app.tsx index fca93f4af..2cc48a454 100644 --- a/packages/docs/pages/_app.tsx +++ b/packages/docs/pages/_app.tsx @@ -63,7 +63,8 @@ function MyApp({ Component, pageProps }: AppProps) { "tailwind", "owallet", "galaxystation", - "cdcwallet" + "cdcwallet", + "prax" ), // ...web3AuthWallets, ]} diff --git a/packages/docs/pages/integrating-wallets/_meta.json b/packages/docs/pages/integrating-wallets/_meta.json index 38bb740a3..bea3e6ac2 100644 --- a/packages/docs/pages/integrating-wallets/_meta.json +++ b/packages/docs/pages/integrating-wallets/_meta.json @@ -21,5 +21,6 @@ "trust": "@ Trust Wallet", "vectis": "@ Vectis Wallet", "web3auth": "@ Web3Auth", - "xdefi": "@ Xdefi Wallet" + "xdefi": "@ Xdefi Wallet", + "prax": "@ Prax Wallet" } diff --git a/packages/docs/pages/integrating-wallets/prax.mdx b/packages/docs/pages/integrating-wallets/prax.mdx new file mode 100644 index 000000000..741de2d49 --- /dev/null +++ b/packages/docs/pages/integrating-wallets/prax.mdx @@ -0,0 +1,38 @@ +# How to Add Prax Wallet to CosmosKit + +There is one packages for Prax + +- `@cosmos-kit/prax-extension` + +> Note: This package exports `wallets` and it's an array of `MainWalletBase`. + +## add `@cosmos-kit/prax-extension` + +``` +yarn add @cosmos-kit/prax-extension +``` + +## import the wallets + +```js +import { wallets as prax } from "@cosmos-kit/prax-extension"; +``` + +## add to your provider + +```js +function MyCosmosApp({ Component, pageProps }: AppProps) { + return ( + + + + ); +} + +export default MyCosmosApp; +```