feat: [M3-8305] - Add 'Action' Table Header for Actions Column

linode · Aug 19, 2024 · 571a64e · 571a64e
1 parent 986f4f5
commit 571a64e
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 8 deletions.
diff --git a/...ges/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.tsx b/...ges/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.tsx
@@ -70,8 +70,18 @@ export const AccessKeyTable = (props: AccessKeyTableProps) => {
                 Regions/S3 Hostnames
               </StyledLabelCell>
             )}
-            {/* empty cell for kebab menu */}
-            <TableCell />
+            <TableCell
+              sx={{
+                ...(isObjMultiClusterEnabled && {
+                  '&&:last-child': {
+                    paddingRight: '15px',
+                  },
+                }),
+              }}
+              data-qa-header-key
+            >
+              Actions
+            </TableCell>
           </TableRow>
         </TableHead>
         <TableBody>

diff --git a/.../manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTableRow.tsx b/.../manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTableRow.tsx
@@ -1,7 +1,3 @@
-import {
-  ObjectStorageKey,
-  ObjectStorageKeyRegions,
-} from '@linode/api-v4/lib/object-storage';
 import { styled } from '@mui/material/styles';
 import React from 'react';
 
@@ -13,10 +9,15 @@ import { useAccountManagement } from 'src/hooks/useAccountManagement';
 import { useFlags } from 'src/hooks/useFlags';
 import { isFeatureEnabledV2 } from 'src/utilities/accountCapabilities';
 
-import { OpenAccessDrawer } from '../types';
 import { AccessKeyActionMenu } from './AccessKeyActionMenu';
 import { HostNameTableCell } from './HostNameTableCell';
 
+import type { OpenAccessDrawer } from '../types';
+import type {
+  ObjectStorageKey,
+  ObjectStorageKeyRegions,
+} from '@linode/api-v4/lib/object-storage';
+
 type Props = {
   openDrawer: OpenAccessDrawer;
   openRevokeDialog: (storageKeyData: ObjectStorageKey) => void;
@@ -62,7 +63,15 @@ export const AccessKeyTableRow = ({
         />
       )}
 
-      <TableCell>
+      <TableCell
+        sx={{
+          ...(isObjMultiClusterEnabled && {
+            '&&:last-child': {
+              paddingRight: '15px',
+            },
+          }),
+        }}
+      >
         <AccessKeyActionMenu
           label={storageKeyData.label}
           objectStorageKey={storageKeyData}