PR feedback - @HanaXu

linode · Sep 24, 2024 · e749e1b · e749e1b
1 parent 02a5c12
commit e749e1b
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 64 deletions.
diff --git a/.../features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigConfirmationActions.test.tsx b/.../features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigConfirmationActions.test.tsx
diff --git a/...r/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigConfirmationActions.tsx b/...r/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigConfirmationActions.tsx
diff --git a/...ages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurations.tsx b/...ages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurations.tsx
@@ -25,6 +25,7 @@ import { withRouter } from 'react-router-dom';
 import { compose as composeC } from 'recompose';
 
 import { Accordion } from 'src/components/Accordion';
+import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel';
 import { Box } from 'src/components/Box';
 import { Button } from 'src/components/Button/Button';
 import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
@@ -47,7 +48,6 @@ import {
   parseAddresses,
   transformConfigsForRequest,
 } from '../utils';
-import { NodeBalancerConfigConfirmationActions } from './NodeBalancerConfigConfirmationActions';
 
 import type {
   NodeBalancerConfigFieldsWithStatus,
@@ -1130,10 +1130,19 @@ class NodeBalancerConfigurations extends React.Component<
 
         <ConfirmationDialog
           actions={
-            <NodeBalancerConfigConfirmationActions
-              isLoading={this.state.deleteConfigConfirmDialog.submitting}
-              onClose={this.onCloseConfirmation}
-              onDelete={this.deleteConfig}
+            <ActionsPanel
+              primaryButtonProps={{
+                'data-testid': 'confirm-cancel',
+                label: 'Delete',
+                loading: this.state.deleteConfigConfirmDialog.submitting,
+                onClick: this.deleteConfig,
+              }}
+              secondaryButtonProps={{
+                'data-testid': 'cancel-cancel',
+                label: 'Cancel',
+                onClick: this.onCloseConfirmation,
+              }}
+              style={{ padding: 0 }}
             />
           }
           title={