fix: [UIE-9933], [UIE-9935] - IAM: UX copy updates, breadcrumbs fix (linode#13259)

* fix: [UIE-9933], [UIE-9935] - IAM: UX copy updates, breadcrumbs fix

* Added changeset: IAM Delegation: UX copy update, wrong breadcrumb fix

Author: mpolotsk-akamai

packages/manager/.changeset/pr-13259-fixed-1767882040647.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+IAM Delegation: UX copy update, wrong breadcrumb fix  ([#13259](https://github.com/linode/manager/pull/13259))

packages/manager/src/features/IAM/Delegations/AccountDelegations.test.tsx

@@ -82,7 +82,7 @@ describe('AccountDelegations', () => {
     });
 
     await waitFor(() => {
-      const emptyElement = screen.getByText(/No delegate users found/);
+      const emptyElement = screen.getByText(/No users added/);
       expect(emptyElement).toBeInTheDocument();
     });
   });

packages/manager/src/features/IAM/Delegations/AccountDelegationsTable.tsx

@@ -59,7 +59,7 @@ export const AccountDelegationsTable = ({
             style={{ width: '59%' }}
             sx={{ display: { sm: 'table-cell', xs: 'none' } }}
           >
-            Delegate Users
+            Users
           </TableCell>
           <TableCell style={{ width: '14%' }} />
         </TableRow>

packages/manager/src/features/IAM/Delegations/UpdateDelegationsDrawer.tsx

@@ -127,9 +127,9 @@ export const UpdateDelegationsDrawer = ({
         <form onSubmit={handleSubmit(onSubmit)}>
           <Typography sx={{ marginBottom: theme.tokens.spacing.S16 }}>
             Add or remove users who should have access to the child account.
-            Delegate users removed from this list will lose the role assignment
-            on the child account and they won’t be visible in the user list on
-            the child account.
+            Users removed from this list will lose the role assignment on the
+            child account and they won’t be visible in the user list on the
+            child account.
           </Typography>
 
           {delegation && (

packages/manager/src/features/IAM/Roles/Defaults/DefaultRolesPanel.tsx

@@ -16,7 +16,7 @@ export const DefaultRolesPanel = () => {
         <Box>
           <Typography variant="h2">Default Roles for Delegate Users</Typography>
           <Typography marginTop={2}>
-            View and manage roles to be assigned to new delegated users by
+            View and manage roles to be assigned to new delegate users by
             default.
           </Typography>
         </Box>

packages/manager/src/features/IAM/Roles/Defaults/DefaultsLanding.tsx

@@ -1,3 +1,4 @@
+import { NewFeatureChip } from '@linode/ui';
 import { TabPanels } from '@reach/tabs';
 import { Outlet, useLocation, useNavigate } from '@tanstack/react-router';
 import * as React from 'react';
@@ -6,11 +7,19 @@ import { LandingHeader } from 'src/components/LandingHeader';
 import { SuspenseLoader } from 'src/components/SuspenseLoader';
 import { Tabs } from 'src/components/Tabs/Tabs';
 import { TanStackTabLinkList } from 'src/components/Tabs/TanStackTabLinkList';
+import { useFlags } from 'src/hooks/useFlags';
 import { useTabs } from 'src/hooks/useTabs';
 
+import { useIsIAMEnabled } from '../../hooks/useIsIAMEnabled';
+import { IAM_LABEL } from '../../Shared/constants';
+
 export const DefaultsLanding = () => {
   const location = useLocation();
   const navigate = useNavigate();
+  const flags = useFlags();
+  const { isIAMBeta, isIAMEnabled } = useIsIAMEnabled();
+  const showLimitedAvailabilityBadges =
+    flags.iamLimitedAvailabilityBadges && isIAMEnabled && !isIAMBeta;
 
   const { tabs, tabIndex, handleTabChange } = useTabs([
     {
@@ -32,6 +41,20 @@ export const DefaultsLanding = () => {
       <LandingHeader
         breadcrumbProps={{
           pathname: '/iam/roles/defaults',
+          crumbOverrides: [
+            {
+              label: (
+                <>
+                  {IAM_LABEL}
+                  {showLimitedAvailabilityBadges ? (
+                    <NewFeatureChip sx={{ position: 'relative', top: -1 }} />
+                  ) : null}
+                </>
+              ),
+              linkTo: '/iam',
+              position: 1,
+            },
+          ],
         }}
         spacingBottom={4}
         title="Default Roles for Delegate Users"

packages/manager/src/features/IAM/Shared/RemoveAssignmentConfirmationDialog/RemoveAssignmentConfirmationDialog.test.tsx

@@ -139,7 +139,7 @@ describe('RemoveAssignmentConfirmationDialog', () => {
     );
     expect(headerText).toBeVisible();
 
-    const paragraph = screen.getByText(/Delegated users won’t get the/i);
+    const paragraph = screen.getByText(/Delegate users won’t get the/i);
 
     expect(paragraph).toBeVisible();
     expect(paragraph).toHaveTextContent(mockRole.entity_name);

packages/manager/src/features/IAM/Shared/RemoveAssignmentConfirmationDialog/RemoveAssignmentConfirmationDialog.tsx

@@ -116,7 +116,7 @@ export const RemoveAssignmentConfirmationDialog = (props: Props) => {
       <Notice variant="warning">
         {isDefaultDelegationRolesForChildAccount ? (
           <Typography>
-            Delegated users won’t get the {role?.role_name} access on the{' '}
+            Delegate users won’t get the {role?.role_name} access on the{' '}
             {role?.entity_name} entity by default.
           </Typography>
         ) : (

packages/manager/src/features/IAM/Shared/constants.ts

@@ -20,7 +20,7 @@ export const ERROR_STATE_TEXT =
   'An unexpected error occurred. Refresh the page or try again later.';
 
 // Delegation error messages
-export const NO_DELEGATIONS_TEXT = 'No delegate users found.';
+export const NO_DELEGATIONS_TEXT = 'No users added.';
 export const DELEGATION_VALIDATION_ERROR =
   'At least one user must be selected as a delegate.';