general subnet errors i think this works for real

linode · Dec 9, 2024 · b96c7ab · b96c7ab
1 parent 9a35ffc
commit b96c7ab
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/packages/manager/src/features/VPCs/VPCCreate/FormComponents/SubnetContent.tsx b/packages/manager/src/features/VPCs/VPCCreate/FormComponents/SubnetContent.tsx
@@ -60,10 +60,17 @@ export const SubnetContent = (props: Props) => {
         </Link>
         .
       </StyledBodyTypography>
-      {errors.subnets?.message && (
+      {errors.root?.subnetLabel && (
         <Notice
           spacingBottom={8}
-          text={errors.subnets.message}
+          text={errors.root.subnetLabel.message}
+          variant="error"
+        />
+      )}
+      {errors.root?.subnetIPv4 && (
+        <Notice
+          spacingBottom={8}
+          text={errors.root.subnetIPv4.message}
           variant="error"
         />
       )}

diff --git a/packages/manager/src/hooks/useCreateVPC.ts b/packages/manager/src/hooks/useCreateVPC.ts
@@ -75,11 +75,10 @@ export const useCreateVPC = (inputs: UseCreateVPCInputs) => {
       }
     } catch (errors) {
       for (const error of errors) {
-        if (
-          error?.field === 'subnets.label' ||
-          error?.field === 'subnets.ipv4'
-        ) {
-          form.setError('subnets', { message: error.reason });
+        if (error?.field === 'subnets.label') {
+          form.setError('root.subnetLabel', { message: error.reason });
+        } else if (error?.field === 'subnets.ipv4') {
+          form.setError('root.subnetIPv4', { message: error.reason });
         } else {
           form.setError(error?.field ?? 'root', { message: error.reason });
         }