fix vpc create drawer bug default values

linode · Dec 9, 2024 · 2291f7f · 2291f7f
1 parent e06832c
commit 2291f7f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 13 deletions.
diff --git a/packages/manager/src/features/VPCs/VPCCreate/FormComponents/VPCTopSectionContent.tsx b/packages/manager/src/features/VPCs/VPCCreate/FormComponents/VPCTopSectionContent.tsx
@@ -59,7 +59,8 @@ export const VPCTopSectionContent = (props: Props) => {
             currentCapability="VPCs"
             disabled={isDrawer ? true : disabled}
             errorText={fieldState.error?.message}
-            onChange={(e, region) => field.onChange(region?.id ?? '')}
+            onBlur={field.onBlur}
+            onChange={(_, region) => field.onChange(region?.id ?? '')}
             regions={regions}
             value={field.value}
           />

diff --git a/packages/manager/src/features/VPCs/VPCCreateDrawer/VPCCreateDrawer.tsx b/packages/manager/src/features/VPCs/VPCCreateDrawer/VPCCreateDrawer.tsx
@@ -57,7 +57,6 @@ export const VPCCreateDrawer = (props: Props) => {
       title={'Create VPC'}
     >
       {userCannotAddVPC && CannotCreateVPCNotice}
-
       <FormProvider {...form}>
         <Grid>
           <form onSubmit={handleSubmit(onCreateVPC)} ref={formContainerRef}>

diff --git a/packages/manager/src/hooks/useCreateVPC.ts b/packages/manager/src/hooks/useCreateVPC.ts
@@ -84,20 +84,23 @@ export const useCreateVPC = (inputs: UseCreateVPCInputs) => {
     }
   };
 
+  const defaultValues = {
+    description: '',
+    label: '',
+    region: selectedRegion ?? '',
+    subnets: [
+      {
+        ipv4: DEFAULT_SUBNET_IPV4_VALUE,
+        label: '',
+      },
+    ],
+  };
+
   const form = useForm<CreateVPCPayload>({
-    defaultValues: {
-      description: '',
-      label: '',
-      region: selectedRegion ?? '',
-      subnets: [
-        {
-          ipv4: DEFAULT_SUBNET_IPV4_VALUE,
-          label: '',
-        },
-      ],
-    },
+    defaultValues,
     mode: 'onBlur',
     resolver: yupResolver(createVPCSchema),
+    values: { ...defaultValues },
   });
 
   const { errors } = form.formState;