Fix clusters active/inactive toggling

1 files changed, 3 insertions, 2 deletions

diff --git a/app/assets/javascripts/clusters/clusters_index.js b/app/assets/javascripts/clusters/clusters_index.js
index 3fd188a8770..82ac8d93035 100644
--- a/app/assets/javascripts/clusters/clusters_index.js
+++ b/app/assets/javascripts/clusters/clusters_index.js
@@ -28,7 +28,7 @@ const toggleValue = (button) => {
  *
  * When the user clicks the toggle button for each cluster, it:
  * - toggles the button
- * - shows a loding and disabled state
+ * - shows a loading and disabled state
  * - Makes a put request to the given endpoint
  * Once we receive the response, either:
  * 1) Show updated status in case of successfull response
@@ -38,12 +38,13 @@ export default function setClusterTableToggles() {
   document.querySelectorAll('.js-toggle-cluster-list')
     .forEach(button => button.addEventListener('click', (e) => {
       const toggleButton = e.currentTarget;
-      const value = toggleButton.classList.contains('checked').toString();
       const endpoint = toggleButton.getAttribute('data-endpoint');
 
       toggleValue(toggleButton);
       toggleLoadingButton(toggleButton);
 
+      const value = toggleButton.classList.contains('is-checked');
+
       ClustersService.updateCluster(endpoint, { cluster: { enabled: value } })
         .then(() => {
           toggleLoadingButton(toggleButton);