Support Mobile Browser

[hieudd]

Support Mobile Browser:

• Redirect from browser to Mobile App for sign and grant access
• Add Wallet Collect

Researched informations

• MetaMask:

  • MetaMask use the deep link to make the interaction
  • From DApp in mobile browser
  • Open deep link => Open MetaMask's browser
  • Everything seems to be like the interaction with the desktop browser
  • Deep link is generated by this link

• WalletConnect

  • Detect is mobile => Open connect modal => Open MetaMask with the deep link
  • MetaMask confirms the connection of WalletConnect then go back to the browser
  • DApp request signatures => Wallet connect will send this request to MetaMask and response data to DApp via Wallet connect

Todo:

• [x] Detect is mobile
• [x] Update responsive UI for mobile
• [x] Research MetaMask interaction
  • [x] How to interact with the DApp
  • [x] How to make Dapp work with
• [x] Research WalletConnect interaction
• [ ] Implement for MetaMask
  • [ ] Fix the issue not showing the account on the first time connect
  • [ ] Disable some not support for MetaMask
  • [ ] Implement the features that work only for Mobile
• [ ] Implement for NovaWallet
• [ ] Implement for Wallet Connect