fix: [M3-8743] - fix aria label of action menu in IP address table ro…

…w. (#11167)

* fix: [M3-8743] - fix aria label of action menu in IP address table row.

* Added changeset: fix aria label of action menu button in IP address table row.

* Update changeset Description.

Co-authored-by: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>

* remove the optional chaining '?'

Co-authored-by: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>

* Make ipAddress prop required.

* remove ipAddress check in condition

Co-authored-by: Banks Nussman <115251059+bnussman-akamai@users.noreply.github.com>

---------

Co-authored-by: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>
Co-authored-by: Banks Nussman <115251059+bnussman-akamai@users.noreply.github.com>

packages/manager/.changeset/pr-11167-fixed-1730095848948.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+aria label of action menu button in IP address table row ([#11167](https://github.com/linode/manager/pull/11167))

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

@@ -14,7 +14,7 @@ import type { Theme } from '@mui/material/styles';
 import type { Action } from 'src/components/ActionMenu/ActionMenu';
 
 interface Props {
-  ipAddress?: IPAddress | IPRange;
+  ipAddress: IPAddress | IPRange;
   ipType: IPTypes;
   isOnlyPublicIP: boolean;
   isVPCOnlyLinode: boolean;
@@ -59,6 +59,14 @@ export const LinodeNetworkingActionMenu = (props: Props) => {
     ? 'Linodes must have at least one public IP'
     : undefined;
 
+  const getAriaLabel = (): string => {
+    if ('address' in ipAddress) {
+      return `Action menu for IP Address ${ipAddress.address}`;
+    } else {
+      return `Action menu for IP Address ${ipAddress.range}`;
+    }
+  };
+
   const actions = [
     onRemove && ipAddress && !is116Range && deletableIPTypes.includes(ipType)
       ? {
@@ -110,10 +118,7 @@ export const LinodeNetworkingActionMenu = (props: Props) => {
           );
         })}
       {matchesMdDown && (
-        <ActionMenu
-          actionsList={actions}
-          ariaLabel={`Action menu for IP Address ${props.ipAddress}`}
-        />
+        <ActionMenu actionsList={actions} ariaLabel={getAriaLabel()} />
       )}
     </>
   ) : (