Modal Select

[sachben91]

Description

The modal select component is used in the Create Community flow. It gives the user the ability to connect a wallet or sign in using a method that is compatible with the ecosystem they selected. The options shown in this modal is limited by the selection that the user made in the select community type screen. The options available for each selection is shown in this figjam

Figma dev link

Behaviors

• The modal has a default state and a hover state
• default state

• Hover state

• Once the user makes either of the selections, they are taken to the next step where the user is shown the options that are compatible with the ecosystem they have selected. In this step we will be re-using components from the sign-in flow that we currently have

• Modal when user is already signed in

  

• Modal when user is not signed in

  

• The modal that the user is shown depends on the selection that they make about the ecosystem they are using. For more information about this, check https://github.com/hicommonwealth/commonwealth/issues/5633

[masvelio]

@sachben91 Questions:

1. The options shown in this modal is limited by the selection that the user made in the select community type screen.

Can we specify what exactly are those limitations and what/when they are applied to? So eg what is the difference when user picks Ethereum vs Cosmos vs Polygon vs Solana?

2. If user is logged in and has only 1 address, do we still show address selector modal?

3. Sometimes I think like wallet and address are used interchangeably. Eg in Which wallet would you like to serve as the admin of the new community? or Connect New Wallet I feel like this should be address instead of wallet. But that's just my opinion.

4. I think we talked some time ago with @jessmart1213 and agreed that buttons in modals should always be aligned to the right.

5. I see potential issues in the flow, when the user is not logged in and has to do the sign in process via wallet or magic. For example, authentication with magic requires the app to be reloaded. Thus, I am not sure if that will be super easy to come back to the exact spot where the user left off during the community creation process. I am also not sure, if after signing in, the user should see address selection modal or should be redirected to [basic information page]?(https://github.com/hicommonwealth/commonwealth/assets/14819225/cd74765f-dd87-4e58-bb87-2c7242467536)

   address selection modal

basic information page

[sachben91]

@sachben91 Questions:

1. The options shown in this modal is limited by the selection that the user made in the select community type screen.

Can we specify what exactly are those limitations and what/when they are applied to? So eg what is the difference when user picks Ethereum vs Cosmos vs Polygon vs Solana?

• Added the figjam to the ticket that shows what the difference is when user selects Ethereum vs Cosmos vs Solana

2. If user is logged in and has only 1 address, do we still show address selector modal?

   • Yes we should show it since we want them to confirm that they are using the right wallet

3. Sometimes I think like wallet and address are used interchangeably. Eg in Which wallet would you like to serve as the admin of the new community? or Connect New Wallet I feel like this should be address instead of wallet. But that's just my opinion.

   • We should likely use 'address' instead of 'walet' everywhere to be consistent, but the above question needs further consideration for future projects, we shall make a note to do so.

4. I think we talked some time ago with @jessmart1213 and agreed that buttons in modals should always be aligned to the right.

   • Will make this change

5. I see potential issues in the flow, when the user is not logged in and has to do the sign in process via wallet or magic. For example, authentication with magic requires the app to be reloaded. Thus, I am not sure if that will be super easy to come back to the exact spot where the user left off during the community creation process. I am also not sure, if after signing in, the user should see address selection modal or should be redirected to [basic information page]?(https://github.com/hicommonwealth/commonwealth/assets/14819225/cd74765f-dd87-4e58-bb87-2c7242467536)

address selection modal

basic information page

• yeah this one is tricky. If they have to do the sign in process again and the reload does not take them back to the sign in modal, it should drop them back into the select community type screen. The address selector should be still shown when they select a community. It is not the ideal UX but we should consider this as part of Sign in work which we have slated for January

[sachben91]

@masvelio

Copy for modal when user non signed in users and users who are signed in that want to connect a new wallet

Heading: Sign-in to create your community body text: To launch your community choose a sign-in option that is compatible with the ecosystem you selected.