diff --git a/developer-guide/wallet-connect/guide.md b/developer-guide/wallet-connect/guide.md index a29a522..c8cd0df 100644 --- a/developer-guide/wallet-connect/guide.md +++ b/developer-guide/wallet-connect/guide.md @@ -9,7 +9,19 @@ order: 1000 ## Include Bloom in Web3Modal -### Add Bloom to wallets +# Web3Modal + + +``` +createWeb3Modal({ + //... + featuredWalletIds: [ + '652df0cee82d5cd3cadfd57829c5578a', // Bloom wallet + ] +}) +``` + +### Temporary As we're waiting for WalletConnect to approve our project, you can add Bloom manually to the list of wallets as follows: @@ -22,22 +34,35 @@ createWeb3Modal({ name: 'Bloom', homepage: 'https://bloomwallet.io/', image_url: 'https://bloomwallet.io/assets/logos/bloom.png', - desktop_link: 'bloom://dapps/connect', + desktop_link: 'bloom://dapps/connect/wc?uri=', }, ], }) ``` -### Add Bloom as recommendation +# RainbowKit -`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: ``` -createWeb3Modal({ - //... - featuredWalletIds: [ - '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