Fix cluster upgrades stuck in pending state (#529)

* Fix cluster upgrades stuck in pending state

* Force update selected queue on external list update

Author: floreks

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

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}