Skip to content

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:

  1. Move clusters empty state to Vue <-- \textcolor{#FC6D26}{\textsf{You are here}}
  2. Change the navigation for the clusters base page
  3. Change the copy and empty state illustrations in the existing components
  4. Change the navigation on the clusters page to Vue and actions button on the top of the page (introducing the clusters_main_view and clusters_actions components
  5. Add the 'All' tab
  6. 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.

Screenshot_2021-10-26_at_15.35.16

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Visit Infrastructure -> Kubernetes Clusters page with no clusters configuration
  2. 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.

Related to #340759 (closed)

Edited by Anna Vovchenko

Merge request reports