filename change and use in edit form

oxidecomputer · Aug 21, 2024 · 64a5054 · 64a5054
1 parent 17a6820
commit 64a5054
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/app/components/form/fields/comboboxHooks.ts → app/components/form/fields/useItemsList.ts b/app/components/form/fields/comboboxHooks.ts → app/components/form/fields/useItemsList.ts
diff --git a/app/forms/subnet-create.tsx b/app/forms/subnet-create.tsx
@@ -10,10 +10,10 @@ import { useNavigate } from 'react-router-dom'
 import { useApiMutation, useApiQueryClient, type VpcSubnetCreate } from '@oxide/api'
 
 import { ComboboxField } from '~/components/form/fields/ComboboxField'
-import { useCustomRouterItems } from '~/components/form/fields/comboboxHooks'
 import { DescriptionField } from '~/components/form/fields/DescriptionField'
 import { NameField } from '~/components/form/fields/NameField'
 import { TextField } from '~/components/form/fields/TextField'
+import { useCustomRouterItems } from '~/components/form/fields/useItemsList'
 import { SideModalForm } from '~/components/form/SideModalForm'
 import { useForm, useVpcSelector } from '~/hooks'
 import { FormDivider } from '~/ui/lib/Divider'

diff --git a/app/forms/subnet-edit.tsx b/app/forms/subnet-edit.tsx
@@ -17,9 +17,9 @@ import {
 } from '@oxide/api'
 
 import { ComboboxField } from '~/components/form/fields/ComboboxField'
-import { useCustomRouterItems } from '~/components/form/fields/comboboxHooks'
 import { DescriptionField } from '~/components/form/fields/DescriptionField'
 import { NameField } from '~/components/form/fields/NameField'
+import { useCustomRouterItems } from '~/components/form/fields/useItemsList'
 import { SideModalForm } from '~/components/form/SideModalForm'
 import { getVpcSubnetSelector, useForm, useVpcSubnetSelector } from '~/hooks'
 import { FormDivider } from '~/ui/lib/Divider'
@@ -60,7 +60,7 @@ export function EditSubnetForm() {
   ])
 
   const form = useForm({ defaultValues })
-  const customRouterItems = useCustomRouterItems()
+  const { isLoading, items } = useCustomRouterItems()
 
   return (
     <SideModalForm
@@ -85,7 +85,8 @@ export function EditSubnetForm() {
         label="Custom router"
         name="customRouter"
         placeholder="Select a custom router"
-        items={customRouterItems}
+        isLoading={isLoading}
+        items={items}
         control={form.control}
       />
     </SideModalForm>