diff --git a/developer-guide/wallet-connect/guide.md b/developer-guide/wallet-connect/guide.md index f9f3ba2..c8cd0df 100644 --- a/developer-guide/wallet-connect/guide.md +++ b/developer-guide/wallet-connect/guide.md @@ -9,50 +9,60 @@ order: 1000 ## Include Bloom in Web3Modal -### Add Bloom to wallets +# Web3Modal -As we're waiting for WalletConnect to approve our project, you can add Bloom manually to the list of wallets as follows: ``` createWeb3Modal({ //... - desktopWallets: [ - { - id: '652df0cee82d5cd3cadfd57829c5578a', - name: 'Bloom Wallet', - links: { - native: 'bloom://walletConnect/connect' - universal: 'bloomwallet.io', - }, - }, - ], - walletImages: { - 652df0cee82d5cd3cadfd57829c5578a: "bloomwallet.io/assets/logos/bloom.png", - }; + featuredWalletIds: [ + '652df0cee82d5cd3cadfd57829c5578a', // Bloom wallet + ] }) ``` +### Temporary -### Add Bloom as recommendation - -`WalletConnect`s `Web3Modal` has many suggestions on wallets on all ecosystems, but these suggestions can be adapted and changed by the dApp developer. If `Bloom` wallet implements features that your app requires, or if you generally want to recomment `Bloom` for your dApp's users, you can include the following code into your code base: +As we're waiting for WalletConnect to approve our project, you can add Bloom manually to the list of wallets as follows: ``` createWeb3Modal({ - //... - featuredWalletIds: [ - '652df0cee82d5cd3cadfd57829c5578a', // Bloom wallet - ] + //... + customWallets: [ + { + id: 'bloom', + name: 'Bloom', + homepage: 'https://bloomwallet.io/', + image_url: 'https://bloomwallet.io/assets/logos/bloom.png', + desktop_link: 'bloom://dapps/connect/wc?uri=', + }, + ], }) ``` -If your dApp requires a feature that most of the wallets don't implement, but `Bloom` does, you can use the following code instead of the code on top: + +# RainbowKit + ``` -createWeb3Modal({ - //... - includeWalletIds: [ - '652df0cee82d5cd3cadfd57829c5578a', // Bloom wallet - ] -}) +import { + ..., + bloomWallet, + ... +} from '@rainbow-me/rainbowkit/wallets'; + + +... + + +const connectors = connectorsForWallets([ + { + groupName: 'Recommended', + wallets: [ + ..., + bloomWallet({ projectId, chains }), + ... + ], + }, +]); ``` \ No newline at end of file