Persistent URLs for the new cluster page tabs
What does this MR do and why?
Currently, the tabs on the page to create a new or connect existing certificate based cluster (/clusters/new
) don't use preserved URLs. In order to deliver the new UX for the Kubernetes integrations page, we are adding the URL parameters ?tab=create
and ?tab=add
respectively.
This MR is a part of the revisiting the Kubernetes section issue that contains the following steps:
- Move
clusters_empty_state
component to Vue -
Change the navigation for the new cluster page <--
\textcolor{#FC6D26}{\textsf{You are here}}
- Change the copy and empty state illustrations in the existing components
- Change the navigation on the clusters page to Vue and actions button on the top of the page (introducing the
clusters_main_view
andclusters_actions
components - Add the 'All' tab
- Add an empty state variant for the Install new Agent modal
More information is in the main MR(!71482 (closed))
Screenshots or screen recordings
There's a small visual change as we updated the styles here to be consistent with the Pajamas tabs component.
Before | After |
---|---|
![]() |
![]() |
How to set up and validate locally
To set up and validate the change:
- Visit Infrastructure -> Kubernetes integrations
- In the Clusters connected with a certificate tab click Connect cluster with certificate button
- Verify the two tabs on the
clusters/new
page have persistent URLs with the query parametertab
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.
Related to #340759 (closed)