use new instanceCan

Author: david-crespo

app/forms/anti-affinity-group-member-add.tsx

@@ -6,10 +6,11 @@
  * Copyright Oxide Computer Company
  */
 
+import { ListboxSelectedOption } from '@headlessui/react'
 import { useId } from 'react'
 import { useForm } from 'react-hook-form'
 
-import { queryClient, useApiMutation, type Instance } from '~/api'
+import { instanceCan, queryClient, useApiMutation, type Instance } from '~/api'
 import { ComboboxField } from '~/components/form/fields/ComboboxField'
 import { HL } from '~/components/HL'
 import { useAntiAffinityGroupSelector } from '~/hooks/use-params'
@@ -28,7 +29,6 @@ export default function AddAntiAffinityGroupMemberForm({ instances, onDismiss }:
   const { project, antiAffinityGroup } = useAntiAffinityGroupSelector()
 
   const form = useForm({ defaultValues })
-  const { instance } = form.watch()
   const formId = useId()
 
   const { mutateAsync: addMember } = useApiMutation('antiAffinityGroupMemberInstanceAdd', {
@@ -47,8 +47,11 @@ export default function AddAntiAffinityGroupMemberForm({ instances, onDismiss }:
     })
   })
 
-  const selectedInstanceIsStopped =
-    instances.find((i) => i.name === instance)?.runState === 'stopped' || false
+  const instance = form.watch('instance')
+  const selectedInstance = instances.find((i) => i.name === instance)
+  const selectedInstanceIsStopped = selectedInstance
+    ? instanceCan.addToAntiAffinityGroup(selectedInstance)
+    : false
 
   return (
     <Modal isOpen onDismiss={onDismiss} title="Add instance to group">