invalidate anti-affinity group member lists on instance action success

Author: david-crespo

app/components/RefreshButton.tsx

@@ -13,7 +13,7 @@ import { Refresh16Icon } from '@oxide/design-system/icons/react'
 import { Button } from '~/ui/lib/Button'
 import { SpinnerLoader } from '~/ui/lib/Spinner'
 
-export function RefreshButton({ onClick }: { onClick: () => Promise<void> }) {
+export function RefreshButton({ onClick }: { onClick: () => Promise<unknown> }) {
   const [refreshing, setRefreshing] = useState(false)
 
   async function refresh() {

app/pages/project/instances/InstancePage.tsx

@@ -72,6 +72,7 @@ async function refreshData() {
     apiQueryClient.invalidateQueries('instanceNetworkInterfaceList'),
     apiQueryClient.invalidateQueries('instanceDiskList'), // storage tab
     apiQueryClient.invalidateQueries('diskMetricsList'), // metrics tab
+    apiQueryClient.invalidateQueries('antiAffinityGroupMemberList'),
   ])
 }
 

app/pages/project/instances/InstancesPage.tsx

@@ -69,7 +69,11 @@ export async function clientLoader({ params }: LoaderFunctionArgs) {
   return null
 }
 
-const refetchInstances = () => apiQueryClient.invalidateQueries('instanceList')
+const refetchInstances = () =>
+  Promise.all([
+    apiQueryClient.invalidateQueries('instanceList'),
+    apiQueryClient.invalidateQueries('antiAffinityGroupMemberList'),
+  ])
 
 const sec = 1000 // ms, obviously
 const POLL_FAST_TIMEOUT = 30 * sec