[Feature]: Improve dApp connection dialog

[d13co]

What is your idea or feature suggestion?

In the dApp connection window:

• "Allow" button should be disabled until an account is selected
• Consider adding a "default account" option somewhere in the UI which is pre-selected.
  • Alternatively this could default to the last used account? Clumsier imo.
  • Ideally there would be a setting to define this behavior but that juice may not be worth the squeeze at this point

The wallet selection prompt could also be bolder. Especially with the Allow button active (and no error message/popup), I thought it glitched out until I read closer.

Finally, the react-app icon + label should be replaced with kibisis branding

Benefits

Improves UX

Where can we find information about this?

No response

Are you willing to provide a PR to address this?

No

[kieranroneill]

Thank you for this, it definitely has been in need of a rework.

I have updated this screen in recent updates and added a few of the changes that you suggested:

• The first account is selected by default.
• A select all checkbox has been added to allow all accounts to be selected.

I am still in the progress of making a default account. I want a primary type account as I move towards allowing users to setup a "profile" using an NFT. The default account will be key to this, but I want users to also be able to switch this primary account too.

As for disabling buttons, I try to avoid that as much as possible. It is considered bad UX and is a big no-no for accessibility. Around the app I have tried to subscribe to the UX where the user can press the CTA button until their heart is content, but also inform them where they need to complete the required data to progress futher, rather than disabling and letting the user figure it out.