How to Metamask with Wallet Connect in a desktop as well

Moralis General
#1

this piece of code


  <div>
          <button onClick={() => authenticate({
            provider:"walletconnect",
            mobileLinks: [
              "rainbow",
              "metamask",
              "argent",
              "trust",
              "imtoken",
              "pillar",
            ]
          })}>Authenticate</button>
        </div>

the above code show metamask in mobile BUT NOT in desktop view why?

Screenshot from 2022-03-10 12-13-12
Screenshot from 2022-03-10 12-13-12810×614 66.1 KB
Screenshot from 2022-03-10 12-12-48
Screenshot from 2022-03-10 12-12-48584×944 63.2 KB

1 Like
#2

You. An try to scan that QR code on desktop with MetaMask

#3

like I should us phone app to do
so
but my question is to use can login with MM if it is install in a desktop or they can chose others

#4

You can use MetaMask directly if you want on desktop, without wallet connect

#5

but Yeh the question is I want to provider user with all the available options

#6

something like this mobile view

#7

You can handle both cases: use wallet connect or directly MetaMask.

#8

I try to build a DApp which must support all wallets supported by moralis

#9

How that’s possible
when I try above code it is not showing me the option for MM

#10

There is different code to authenticate directly with MetaMask or with wallet connect. You can add two buttons for authentication. The more complicated part is how to write that code so that it remembers what method was used for authentication when you want to use later enableWeb3

I don’t see a problem in what you see there. Usually you don’t use the desktop wallet connect with an installed application from desktop. Usually you use it with a mobile device that scans that QR code.