Skip to content

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:

  1. Move clusters_empty_state component to Vue
  2. Change the navigation for the new cluster page <-- \textcolor{#FC6D26}{\textsf{You are here}}
  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

There's a small visual change as we updated the styles here to be consistent with the Pajamas tabs component.

Before After
Screenshot_2021-10-27_at_14.25.43 Screenshot_2021-10-29_at_13.18.48

How to set up and validate locally

To set up and validate the change:

  1. Visit Infrastructure -> Kubernetes integrations
  2. In the Clusters connected with a certificate tab click Connect cluster with certificate button
  3. Verify the two tabs on the clusters/new page have persistent URLs with the query parameter tab

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