fix: [UIE-9523] - Show edit RDNS button for VPC NAT IPv4 address row in linode network tab (#13170)

Author: grevanak-akamai

packages/manager/.changeset/pr-13170-fixed-1764918493011.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Show edit RDNS button for VPC NAT IPv4 address row in linode network tab ([#13170](https://github.com/linode/manager/pull/13170))

packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddressRow.test.tsx

@@ -16,7 +16,9 @@ const ipDisplay = ipResponseToDisplayRows({
   ipResponse: ips,
   isLinodeInterface: false,
 })[0];
-const ipDisplayVPC = createVPCIPv4Display([vpcIPv4Factory.build()])[0];
+const [ipDisplayVPC, ipDisplayVPCNAT] = createVPCIPv4Display([
+  vpcIPv4Factory.build(),
+]);
 
 const handlers: IPAddressRowHandlers = {
   handleOpenEditRDNS: vi.fn(),
@@ -72,6 +74,26 @@ describe('LinodeIPAddressRow', () => {
     expect(queryByText('Edit RDNS')).not.toBeInTheDocument();
   });
 
+  it('should render a VPC NAT IPv4 Address row', () => {
+    const { getAllByText } = renderWithTheme(
+      wrapWithTableBody(
+        <LinodeIPAddressRow
+          isLinodeInterface={false}
+          isUnreachablePublicIPv4={false}
+          linodeId={1}
+          readOnly={false}
+          {...handlers}
+          {...ipDisplayVPCNAT}
+        />
+      )
+    );
+
+    getAllByText(ipDisplayVPCNAT.address);
+    getAllByText(ipDisplayVPCNAT.type);
+    // Check if actions were rendered
+    getAllByText('Edit RDNS');
+  });
+
   it('should disable the row if disabled is true and display a tooltip', async () => {
     const { findByRole, getByTestId } = renderWithTheme(
       wrapWithTableBody(

packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeNetworkingActionMenu.tsx

@@ -49,7 +49,9 @@ export const LinodeNetworkingActionMenu = (props: Props) => {
     'Reserved IPv4 (private)',
     'Reserved IPv4 (public)',
     'VPC – IPv4',
-    'VPC NAT – IPv4',
+    'VPC – IPv6',
+    'VPC – Range – IPv4',
+    'VPC – Range – IPv6',
   ].includes(ipType);
 
   const deletableIPTypes = ['Private – IPv4', 'Public – IPv4', 'Range – IPv6'];

packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/utils.ts

@@ -138,6 +138,25 @@ export const ipToDisplay = (ip: IPAddress, key: IPKey): IPDisplay => {
   };
 };
 
+const ipAddressForVPC = (
+  ip: VPCIP,
+  ipAddress: string,
+  ipType: string
+): IPAddress => {
+  return {
+    address: ipAddress,
+    gateway: ip.gateway,
+    interface_id: ip.interface_id,
+    linode_id: ip.linode_id!,
+    prefix: ip.prefix!,
+    public: false,
+    rdns: null,
+    region: ip.region,
+    subnet_mask: ip.subnet_mask,
+    type: ipType,
+  };
+};
+
 export const createVPCIPv4Display = (ips: VPCIP[]): IPDisplay[] => {
   const emptyProps = {
     gateway: '',
@@ -163,6 +182,7 @@ export const createVPCIPv4Display = (ips: VPCIP[]): IPDisplay[] => {
     }
     if (ip.nat_1_1) {
       vpcIPDisplay.push({
+        _ip: ipAddressForVPC(ip, ip.nat_1_1, 'VPC NAT – IPv4'),
         address: ip.nat_1_1,
         type: 'VPC NAT – IPv4',
         ...emptyProps,