feat: [UIE-10309] - IAM: last login text for delegates (#13437)

* feat: [UIE-10309] - IAM: last login text for delegates

* Added changeset: IAM: update last login field for delegate users

Author: aaleksee-akamai

packages/manager/.changeset/pr-13437-changed-1772019096600.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+IAM: update last login field for delegate users ([#13437](https://github.com/linode/manager/pull/13437))

packages/manager/src/features/IAM/Users/UsersTable/UserRow.test.tsx

@@ -81,16 +81,17 @@ describe('UserRow', () => {
     });
   });
 
-  it('renders username and user type, and does not render email for a Delegate user when isIAMDelegationEnabled flag is enabled', async () => {
+  it('renders username and user type, and does not render email and last login for a Delegate user when isIAMDelegationEnabled flag is enabled', async () => {
     const delegateUser = accountUserFactory.build({
       user_type: 'delegate',
+      last_login: null,
     });
 
     queryMocks.useProfile.mockReturnValue({
       data: profileFactory.build({ user_type: 'child' }),
     });
 
-    const { getByText, queryByText } = renderWithTheme(
+    const { getAllByText, getByText, queryByText } = renderWithTheme(
       wrapWithTableBody(<UserRow onDelete={vi.fn()} user={delegateUser} />, {
         flags: {
           iamDelegation: { enabled: true },
@@ -99,12 +100,10 @@ describe('UserRow', () => {
     );
 
     expect(getByText(delegateUser.username)).toBeVisible();
-
-    await waitFor(() => {
-      expect(queryByText(delegateUser.email)).not.toBeInTheDocument();
-      expect(getByText('Not applicable')).toBeVisible();
-      expect(getByText('Delegate User')).toBeVisible();
-    });
+    expect(queryByText(delegateUser.email)).not.toBeInTheDocument();
+    expect(queryByText('Never')).not.toBeInTheDocument();
+    expect(getAllByText('Not applicable').length).toBe(2);
+    expect(getByText('Delegate User')).toBeVisible();
   });
 
   it('renders "Never" if last_login is null', async () => {

packages/manager/src/features/IAM/Users/UsersTable/UserRow.tsx

@@ -118,7 +118,7 @@ export const UserRow = ({ onDelete, user }: Props) => {
         )}
       </TableCell>
       <TableCell sx={{ display: { lg: 'table-cell', xs: 'none' } }}>
-        <LastLogin last_login={user.last_login} />
+        <LastLogin last_login={user.last_login} user_type={user.user_type} />
       </TableCell>
 
       <TableCell actionCell>
@@ -137,11 +137,29 @@ export const UserRow = ({ onDelete, user }: Props) => {
  * Display information about a Users last login
  *
  * - The component renders "Never" if last_login is `null`
+ * - The component renders "Not applicable" if the user is a delegate user
  * - The component renders a date if last_login is a success
  * - The component renders a date and a status if last_login is a failure
  */
-const LastLogin = (props: Pick<User, 'last_login'>) => {
-  const { last_login } = props;
+const LastLogin = (props: Pick<User, 'last_login' | 'user_type'>) => {
+  const { last_login, user_type } = props;
+
+  if (user_type === 'delegate') {
+    return (
+      <Typography>
+        Not applicable
+        <TooltipIcon
+          status="info"
+          sxTooltipIcon={{
+            marginLeft: '-9px',
+            marginTop: '-5px',
+          }}
+          text="Last login of delegate users is not displayed."
+          tooltipPosition="right"
+        />
+      </Typography>
+    );
+  }
 
   if (last_login === null) {
     return <Typography>Never</Typography>;