Have any transactions pop up within the context of the game I'm playing

[jacobc-eth]

As a gamer I want to have wallet interactions appear in context while I am playing a game and not require me to switch screens, applications, or devices to complete the interaction.

Acceptance criteria

• depending on design, this should be an overlay on-top of the game.
• should handle all types of wallet interactions available via the proxy-library

[pimentel08]

@BrettCleary what type of transactions should we design for

[biliesilva]

Is this task in some way connected with issue #22? @jacobc-eth @BrettCleary ?

here is the issue: https://app.zenhub.com/workspaces/hyperplay-sprint-63066f38a63278001e5c8601/issues/gh/hyperplay-gaming/hyperplay-desktop-client/22

[jacobc-eth]

Yes, #22 deals with the details of what the popup shows when a transaction is pending. This story is making the overlay functionality itself work. I think the only kind of design work we need on this card is how the overlay itself looks (is there a blurring effect, a generic modal box, etc). @biliesilva

[biliesilva]

We decided to use notifications and the UI is ready:

Figma Link

[pimentel08]

Feedback:

• fix padding around to keep consistency of: 12px
• reduce alerts to: 420px to match existing modals
• reduce image size of illustration to 80px
• move "x" icon into the Icon + Text auto-layout layer (this will allow the full text to show without the "x" getting in the way for these smaller cards
• create component and add to library once template is ready

[biliesilva]

Done! :)

[pimentel08]

🔥