fix: UIE-9998 - Reset Private IP value on switching between linode interface and config profile interface in Create linode form

Author: grevanak-akamai

packages/manager/src/features/Linodes/LinodeCreate/Addons/Addons.tsx

@@ -1,14 +1,15 @@
 import { useRegionsQuery } from '@linode/queries';
 import { Divider, Notice, Paper, Stack, Typography } from '@linode/ui';
 import React, { useMemo } from 'react';
-import { useWatch } from 'react-hook-form';
+import { useFormContext, useWatch } from 'react-hook-form';
 
 import { Backups } from './Backups';
 import { PrivateIP } from './PrivateIP';
 
 import type { CreateLinodeRequest } from '@linode/api-v4';
 
 export const Addons = () => {
+  const { setValue } = useFormContext<CreateLinodeRequest>();
   const [regionId, interfaceGeneration] = useWatch<
     CreateLinodeRequest,
     ['region', 'interface_generation']
@@ -26,6 +27,11 @@ export const Addons = () => {
 
   const shouldShowPrivateIP = interfaceGeneration !== 'linode';
 
+  // Clean up private IP value when the option is hidden
+  if (!shouldShowPrivateIP) {
+    setValue('private_ip', false);
+  }
+
   return (
     <Paper data-qa-add-ons>
       <Stack spacing={2}>

packages/manager/src/features/Linodes/LinodeCreate/Addons/PrivateIP.tsx

@@ -2,7 +2,6 @@ import { useRegionsQuery } from '@linode/queries';
 import {
   Checkbox,
   FormControlLabel,
-  NewFeatureChip,
   Notice,
   Stack,
   Typography,
@@ -59,15 +58,12 @@ export const PrivateIP = () => {
             Lets you connect with other Linodes in the same region over the data
             center's private network, without using a public IPv4 address.
           </Typography>
-          <Notice variant="tip">
-            <Stack alignItems="center" direction="row" spacing={1}>
-              <NewFeatureChip />
-              <Typography>
-                You can now establish network isolation and connections to
-                NodeBalancer backends through VPC. We recommend using VPC
-                instead of Private IPs.
-              </Typography>
-            </Stack>
+          <Notice marginTop="12px !important" variant="tip">
+            <Typography>
+              You can now establish network isolation and connections to
+              NodeBalancer backends through VPC. We recommend using VPC instead
+              of Private IPs.
+            </Typography>
           </Notice>
         </Stack>
       }

packages/manager/src/features/Linodes/LinodeCreate/Networking/InterfaceType.test.tsx

@@ -22,10 +22,6 @@ const defaultFormValues: Partial<LinodeCreateFormValues> = {
 };
 
 describe('InterfaceType', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
   it('renders all interface type options', () => {
     const { getByText, getByRole } = renderWithThemeAndHookFormContext({
       component: <InterfaceType index={0} />,