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:

• Detect is mobile
• Update responsive UI for mobile
• Research MetaMask interaction
  • How to interact with the DApp
  • How to make Dapp work with
• 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