Focused Launch: Update text when user is expecting checkout

tjcafferkey commented 3 years ago

What

When a user selects (or has selected previously so they are now pre-selected) any options that are purchasable we need to update any text in the Focused Launch modal to reflect that they will see the checkout.

Why

This will indicate to the user that they will be presented with the checkout should they choose to proceed with their selected purchasable options.

Context: 276d3-pb

Acceptance criteria

Should a user selects a premium domain or plan or they are pre-selected (existing cart items). The launch button text will be updated to "Complete purchase and launch".
Should a user de-select any purchasable options (by selecting free alternatives) the launch button text will go back to "Launch your site".
Padding should be correct as specified in https://github.com/Automattic/wp-calypso/issues/48079#issuecomment-740333381
Button should look good on mobile (padding, margins, etc). Adapting the copy to "Pay and Launch" is an option for mobile.

tjcafferkey commented 3 years ago

@ollierozdarz we will need some UX guidance around this. For the time being I have labelled this with unhold.

ollierozdarz commented 3 years ago

@tjcafferkey, this sounds fine to me. I think changing the button label seems practical, you'll just need to ensure that the button (which will now expand in width from the new label 'Complete purchase and launch') has padding applied of 24px left and right to accomodate.

github-actions[bot] commented 3 years ago

This issue is stale because it has been 180 days with no activity. You can keep the issue open by adding a comment. If you do, please provide additional context and explain why you’d like it to remain open. You can also close the issue yourself — if you do, please add a brief explanation and apply one of relevant issue close labels.

Automattic / wp-calypso

Focused Launch: Update text when user is expecting checkout #48079