Skip to content

Show hint if input value is invalid

Diana Zubova requested to merge dz/337632-impove-alerts-for-step-component into master

What does this MR do and why?

Improve UX for addons purchase.

Instead of using tooltip as a hint show the error message below the input according to our guidelines

Screenshots or screen recordings

Before After
Screen_Recording_2021-10-04_at_14.20.08 Screen_Recording_2021-10-05_at_18.39.39

How to set up and validate locally

  1. Run CustomersDot locally
  2. On your local GitLab instance enable a feature toggle
    • Run rails c
    • Run Feature.enable(:new_route_storage_purchase) to enable the feature flag for Storage flow
  • Run Feature.enable(:new_route_ci_minutes_purchase) to enable the feature flag for CI Minutes flow
  1. Navigate to http://localhost:3000/-/subscriptions/buy_storage?selected_group=<id_of_an_existing_group>
  2. Navigate to http://localhost:3000/-/subscriptions/buy_minutes?selected_group=<id_of_an_existing_group>

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Diana Zubova

Merge request reports