Confirmation modal: dApp requesting permission to switch network

[onvisions]

Story: design is needed for a confirmation modal in case dApp is requesting permission to switch the active network. Requested by @CedrikNikita

UX Suggestion: @smaroudasunicorn @CedrikNikita based on some research how other wallets are dealing with same scenario I am suggesting to grant the dApp permission to switch the network just once within the initial Connect to dApp modal instead of asking the user each time.

Design:

Figma reference: https://www.figma.com/design/3oGLWzSH0oJljo4RETZtur/Superhero-Wallet-UI-(%E2%9C%94%EF%B8%8FUpdated)?node-id=38011-279097&node-type=instance&t=H26uNHOEsBqsmksW-0

[CedrikNikita]

I think from now on we should show the network in the transaction confirmation screen. Because after this changes the app would be able to change the network silently.

[onvisions]

@smaroudasunicorn , @CedrikNikita: the connected network status display is incorporated in this design suggestion. It is not interactive, just display.

Story: the user has no account created on the blockchain the dApp is operating on. They need to see a message warning them they cannot use the dApp without such an account. The message is similar to what we show on the Wallet Connect modal when user has no Ethereum account.

Design:

Figma reference: https://www.figma.com/design/3oGLWzSH0oJljo4RETZtur/Superhero-Wallet-UI-(%E2%9C%94%EF%B8%8FUpdated)?node-id=38051-290048&node-type=frame&t=EhlxZVKaSHRf2pmR-0

[Liubov-crypto]

A little bit different design compared to Figma, it doesn't show a current account:

[onvisions]

@Liubov-crypto @CedrikNikita @smaroudasunicorn
Well, although my design suggestion was to show the current active account, I like this one too. 2 things to improve just visually:

• make the size of both greyed sections equal (dApp and Wallet with the loading animation);
• increase margin on top of the error message (like in design);
• may be instead of the diamond we can also show the default UI skeleton animation already implemented by Alexandros?

! Another issue with this design might be that user may think we are waiting for something to load which is not the case.

[Liubov-crypto]

@onvisions Currently we are having thess ones:

Probably design changes will be implemented later.