Move navigation and actions on clusters page to Vue
What does this MR do and why?
This MR is a part of the revisiting the Kubernetes section issue that contains the following steps:
- Move
clusters_empty_statecomponent to Vue --> !73064 (merged) - Change the navigation for the new cluster page --> !73163 (merged)
- Change the copy and empty state illustrations in the existing components --> !73586 (merged)
- Add an empty state variant for the Install new Agent modal --> !73636 (merged)
-
Change the navigation on the clusters page to Vue and actions button on the top of the page (introducing the
clusters_main_viewandclusters_actionscomponents <--\textcolor{#FC6D26}{\textsf{You are here}} - Add the 'All' tab
More information is in the main MR(!71482 (closed))
Screenshots or screen recordings
As part of the current MR, we changed the tabs order and actions dropdown.
| Before | After |
|---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
In the Actions dropdown, the default option is opening a modal for registering a new Agent. The split button opens dropdown, where:
- Create new cluster leads to the new certificate based cluster page (/clusters/new?tab=create)
- Connect with Agent opens the Agent registration modal
- Connect with certificate leads to the connect existing certificate based cluster page (/clusters/new?tab=add)
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Visit the Infrastructure -> Kubernetes clusters section
- To add content to the view follow these guides:
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)
Edited by Anna Vovchenko








