See the full screen MetaMask wallet view within HyperPlay

[jacobc-eth]

As a user with the MetaMask browser extension selected as my wallet method, I'd like to see the full screen wallet view within HyperPlay so that I'll be able to fully manage my wallet.

description

For these extension users, they'll need a way to access the MetaMask full screen view (navigate to: chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/home.html ).

This should most likely be a new menu item on the sidebar so as to avoid replacing the onboarding / connect wallet menu.

ac

• Only show new menu items if relevant wallet connection has been selected
• Open in browser view on top of HyperPlay
• 80% of total screensize with blur in background
• add menu item

[pimentel08]

No UI change.

UX Change: When user selects "MetaMask Extension", the web view (80%) will open up to start MM onboarding. After they have successfully logged in to MM, the MM modal will appear.

Will the modal be movable? TBD

[BrettCleary]

We are currently doing this through a separate window since we can't use a webview tag to embed it in the React DOM tree (because it is sandboxed and doesn't have access to our chrome extended api) and have to use an electron Browser View. This also is the best pattern as the chrome event we are handling is a generic 'createTab' event that can be called for multiple purposes (e.g. the portfolio view). Furthermore Electron specifically recommends to not use the webview tag as it is unstable https://www.electronjs.org/docs/latest/api/webview-tag.

[BrettCleary]

Show the portfolio view and home page links in the sidebar. navigate to these pages when the "createTab" event is called with those html pages.

[BrettCleary]

Need to investigate how to show the html pages in the react dom since webview tag is sandboxed

[BrettCleary]

PR in progress here: #83

[BrettCleary]

I will leave the sidebar like this on this PR and the sidebar UI redesign can be done on a separate PR