Show hint if input value is invalid
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
- Run
CustomersDot
locally - 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
- Run
Feature.enable(:new_route_ci_minutes_purchase)
to enable the feature flag for CI Minutes flow
- Navigate to http://localhost:3000/-/subscriptions/buy_storage?selected_group=<id_of_an_existing_group>
- 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.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Diana Zubova