fix: [M3-8508] - Cancel Button Not Functioning in Delete Node Balancer Configuration Dialog

packages/manager/.changeset/pr-10962-fixed-1726688754577.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Cancel Button Not Functioning in Delete Node Balancer Configuration Dialog ([#10962](https://github.com/linode/manager/pull/10962))

packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerConfigurations.tsx

@@ -692,23 +692,6 @@ class NodeBalancerConfigurations extends React.Component<
     );
   };
 
-  renderConfigConfirmationActions = ({ onClose }: { onClose: () => void }) => (
-    <ActionsPanel
-      primaryButtonProps={{
-        'data-testid': 'confirm-cancel',
-        label: 'Delete',
-        loading: this.state.deleteConfigConfirmDialog.submitting,
-        onClick: this.deleteConfig,
-      }}
-      secondaryButtonProps={{
-        'data-testid': 'cancel-cancel',
-        label: 'Cancel',
-        onClick: onClose,
-      }}
-      style={{ padding: 0 }}
-    />
-  );
-
   resetSubmitting = (configIdx: number) => {
     // reset submitting
     const newSubmitting = clone(this.state.configSubmitting);
@@ -1146,13 +1129,28 @@ class NodeBalancerConfigurations extends React.Component<
         )}
 
         <ConfirmationDialog
+          actions={
+            <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={
             typeof this.state.deleteConfigConfirmDialog.portToDelete !==
             'undefined'
               ? `Delete this configuration on port ${this.state.deleteConfigConfirmDialog.portToDelete}?`
               : 'Delete this configuration?'
           }
-          actions={this.renderConfigConfirmationActions}
           error={this.confirmationConfigError()}
           onClose={this.onCloseConfirmation}
           open={this.state.deleteConfigConfirmDialog.open}