Address create/update validator membership QA issues

[eshark9312]

• Validator dashboard QA #4743

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
dao	✅ Ready (Inspect)	Visit Preview	Feb 13, 2024 1:59am
pioneer-2	✅ Ready (Inspect)	Visit Preview	Feb 13, 2024 1:59am
pioneer-2-storybook	✅ Ready (Inspect)	Visit Preview	Feb 13, 2024 1:59am

[thesan]

It's good so far but I agree with @ivanturlakov that the current UX is un-intuitive. TBH it append to me several times to select a validator and wonder for a moment why the button was disabled (even though I know how the design is supposed to work). And if even @ivanturlakov got confused it means that most validator will be confused too. So I think we should change the UX so it works kind of like the application form:

By default there would be one select, under the select a "Add Validator account" button which would add other selects above itself. Something like this:

(oc the remove field icon can remain a X)

WDYT ?

[thesan]

LGTM!

[ivanturlakov]

Tested on https://dao-92au0ua0u-joystream.vercel.app/#/settings?network-config=https://37.27.43.23.nip.io/network/config.json

Thanks for the update 👍 This version looks more intuitive and user friendly

✅ Binding 2 validators to a new membership
✅ Binding 2 validators to an existing membership
✅ Add +1 validator to an existing membership