Fix cluster upgrades stuck in pending state (#529)

* Fix cluster upgrades stuck in pending state * Force update selected queue on external list update
pluralsh · Sep 14, 2022 · e21e156 · e21e156
1 parent dbcde1b
commit e21e156
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/www/src/components/clusters/ClustersContent.tsx b/www/src/components/clusters/ClustersContent.tsx
@@ -80,6 +80,7 @@ export function ClustersContent(): ReactElement | null {
       </PageTitle>
       <UpgradesList
         upgrades={data.upgradeQueue?.upgrades}
+        acked={data.upgradeQueue?.acked}
         loading={loading}
         fetchMore={fetchMore}
       />
@@ -88,10 +89,10 @@ export function ClustersContent(): ReactElement | null {
 }
 
 function UpgradesList({
-  upgrades, loading, fetchMore,
+  upgrades, acked, loading, fetchMore,
 }): ReactElement {
   const [listRef, setListRef] = useState(null)
-  const { edges, pageInfo, acked } = upgrades
+  const { edges, pageInfo } = upgrades
 
   return (
     <Flex

diff --git a/www/src/components/clusters/ClustersSidenav.tsx b/www/src/components/clusters/ClustersSidenav.tsx
@@ -29,6 +29,13 @@ export function ClustersSidenav({
     onQueueChange(queue)
   }
 
+  // Update selected queue if queues are updated
+  useEffect(() => {
+    const queue = queues.find(q => q.id === selectedKey.id)
+
+    setSelectedKey(queue)
+  }, [queues, selectedKey, setSelectedKey])
+
   return (
     <Flex
       gap={24}