[docs] Unable to display a custom wallet that supports both mobile and web targets

[AlexandrosGounis]

Summary

With @walletconnect/modal it is possible to define mobileWallets and desktopWallets. We are trying to achieve the following, where there's a button for Mobile and Web:

However, our config only shows a "Web" button:

new WalletConnectModal({
    // ...
    explorerExcludedWalletIds: 'ALL',
    mobileWallets: [{
        name: "Foo Wallet",
        id: "foo",
        links: {
            universal: "https://link.foo.com",
            native: "foo://"
        }
    }],
    desktopWallets: [{
        name: "Foo Wallet",
        id: "foo",
        links: {
            universal: "https://foo.com",
            native: "foo://",
        }
    }],
    chains: ["baz"],
});

It is not clear how platform separation works, is that possible with custom wallets?

Link to the related docs page

https://docs.reown.com/advanced/walletconnectmodal/options#mobilewallets-optional