indicate whether EditPoolModal is fetching attached nodes

ConvoyPanel · Nov 12, 2023 · c28294d · c28294d
1 parent 81f6418
commit c28294d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/resources/scripts/components/admin/ipam/EditPoolModal.tsx b/resources/scripts/components/admin/ipam/EditPoolModal.tsx
@@ -32,7 +32,10 @@ const EditPoolModal = ({ pool, onClose, mutate }: Props) => {
     const { clearFlashes, clearAndAddHttpError } = useFlashKey(
         `admin.addressPools.${pool?.id}.update`
     )
-    const { data: nodes } = useAddressPoolNodesSWR(pool?.id ?? -1, {})
+    const { data: nodes, isLoading: isLoadingNodes } = useAddressPoolNodesSWR(
+        pool?.id ?? -1,
+        {}
+    )
 
     const schema = z.object({
         name: z.string().min(1).max(191),
@@ -105,7 +108,7 @@ const EditPoolModal = ({ pool, onClose, mutate }: Props) => {
                             byKey={`admin.addressPools.${pool?.id}.update`}
                         />
                         <TextInputForm name='name' label={tStrings('name')} />
-                        <NodesMultiSelectForm />
+                        <NodesMultiSelectForm loading={isLoadingNodes} />
                     </Modal.Body>
 
                     <Modal.Actions>