Move clusters empty state to Vue
What does this MR do and why?
Currently, the empty state on the clusters page (accessible from the Infrastructure -> Kubernetes Clusters) is implemented in Haml. In order to deliver the new UX for this page, we are moving it to Vue.
This MR is a part of the revisiting the Kubernetes section issue that contains the following steps:
-
Move clusters empty state to Vue <--
\textcolor{#FC6D26}{\textsf{You are here}}
- Change the navigation for the clusters base page
- 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
No visual changes at this step. Screenshot for the context.
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Visit Infrastructure -> Kubernetes Clusters page with no clusters configuration
- Verify the empty state
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