update cds-react-components, refactoring

Author: mpolotsk-akamai

packages/manager/package.json

@@ -45,7 +45,7 @@
     "@tanstack/react-query-devtools": "5.51.24",
     "@tanstack/react-router": "^1.111.11",
     "@xterm/xterm": "^5.5.0",
-    "akamai-cds-react-components": "0.0.1-alpha.19",
+    "akamai-cds-react-components": "0.1.0",
     "algoliasearch": "^4.14.3",
     "axios": "~1.12.0",
     "braintree-web": "^3.92.2",

packages/manager/src/features/Account/SwitchAccountDrawer.tsx

@@ -234,6 +234,9 @@ export const SwitchAccountDrawer = (props: Props) => {
     setPage(1); // Reset to first page when page size changes
   };
 
+  const hasError = isIAMDelegationEnabled
+    ? allChildAccountsError
+    : childAccountInfiniteError;
   return (
     <Drawer onClose={handleClose} open={open} title="Switch Account">
       {createTokenErrorReason && (
@@ -266,7 +269,7 @@ export const SwitchAccountDrawer = (props: Props) => {
         .
       </Typography>
 
-      {(childAccountInfiniteError || allChildAccountsError) && (
+      {hasError && (
         <Stack alignItems="center" gap={1} justifyContent="center">
           <ErrorStateCloud />
           <Typography>Unable to load data.</Typography>
@@ -284,7 +287,7 @@ export const SwitchAccountDrawer = (props: Props) => {
           </Button>
         </Stack>
       )}
-      {!(childAccountInfiniteError || allChildAccountsError) && (
+      {!hasError && (
         <>
           <DebouncedSearchTextField
             clearable
@@ -315,7 +318,11 @@ export const SwitchAccountDrawer = (props: Props) => {
       {isIAMDelegationEnabled && (
         <ChildAccountsTable
           childAccounts={childAccounts}
-          currentTokenWithBearer={currentTokenWithBearer}
+          currentTokenWithBearer={
+            isProxyOrDelegateUserType
+              ? currentParentTokenWithBearer
+              : currentTokenWithBearer
+          }
           isLoading={isLoading}
           isSwitchingChildAccounts={isSwitchingChildAccounts}
           onClose={onClose}
@@ -334,15 +341,9 @@ export const SwitchAccountDrawer = (props: Props) => {
           childAccounts={childAccounts}
           currentTokenWithBearer={
             isProxyOrDelegateUserType
-            ? currentParentTokenWithBearer
-            : currentTokenWithBearer
+              ? currentParentTokenWithBearer
+              : currentTokenWithBearer
           }
-          errors={{
-            childAccountInfiniteError,
-            allChildAccountsError: allChildAccountsError?.[0]
-              ? new Error(allChildAccountsError[0].reason)
-              : null,
-          }}
           fetchNextPage={fetchNextPage}
           filter={filter}
           hasNextPage={hasNextPage}

packages/manager/src/features/Account/SwitchAccounts/ChildAccountList.test.tsx

@@ -26,10 +26,6 @@ const props: ChildAccountListProps = {
   onClose: vi.fn(),
   onSwitchAccount: vi.fn(),
   userType: undefined,
-  errors: {
-    childAccountInfiniteError: false,
-    allChildAccountsError: null,
-  },
   fetchNextPage: vi.fn(),
   filter: {},
   hasNextPage: false,

packages/manager/src/features/Account/SwitchAccounts/ChildAccountList.tsx

@@ -9,10 +9,6 @@ import type { ChildAccount, Filter, UserType } from '@linode/api-v4';
 export interface ChildAccountListProps {
   childAccounts: ChildAccount[] | undefined;
   currentTokenWithBearer: string;
-  errors: {
-    allChildAccountsError: Error | null;
-    childAccountInfiniteError: boolean;
-  };
   fetchNextPage: () => void;
   filter: Filter;
   hasNextPage: boolean;

packages/manager/src/features/Account/SwitchAccounts/ChildAccountsTable.tsx

@@ -92,6 +92,12 @@ export const ChildAccountsTable = (props: ChildAccountsTableProps) => {
                       userType,
                     });
                   }}
+                  sx={{
+                    textOverflow: 'ellipsis',
+                    overflow: 'hidden',
+                    textAlign: 'left',
+                    whiteSpace: 'nowrap',
+                  }}
                 >
                   {childAccount.company}
                 </LinkButton>
@@ -103,6 +109,7 @@ export const ChildAccountsTable = (props: ChildAccountsTableProps) => {
       {totalResults > pageSize && (
         <Pagination
           count={totalResults}
+          itemsLabel="Accounts: "
           onPageChange={(e: CustomEvent<number>) =>
             handlePageChange(Number(e.detail))
           }