From d95b855889faf57cec3e46b5ea9a97bf782b5026 Mon Sep 17 00:00:00 2001
From: chrisb <anotherchrisberry@gmail.com>
Date: Wed, 19 Dec 2018 11:16:09 -0800
Subject: [PATCH] fix(aws): provide help explanation when load balancer delete
 is disabled

---
 .../details/LoadBalancerActions.tsx            | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/scripts/modules/amazon/src/loadBalancer/details/LoadBalancerActions.tsx b/app/scripts/modules/amazon/src/loadBalancer/details/LoadBalancerActions.tsx
index 5d8a1c5986c..7c800ace92b 100644
--- a/app/scripts/modules/amazon/src/loadBalancer/details/LoadBalancerActions.tsx
+++ b/app/scripts/modules/amazon/src/loadBalancer/details/LoadBalancerActions.tsx
@@ -2,7 +2,15 @@ import * as React from 'react';
 import { Dropdown } from 'react-bootstrap';
 import { get } from 'lodash';
 
-import { Application, ApplicationReader, LoadBalancerWriter, SETTINGS, NgReact, ReactInjector } from '@spinnaker/core';
+import {
+  Application,
+  ApplicationReader,
+  LoadBalancerWriter,
+  SETTINGS,
+  NgReact,
+  ReactInjector,
+  HelpField,
+} from '@spinnaker/core';
 
 import { IAmazonLoadBalancer, IAmazonLoadBalancerDeleteCommand } from 'amazon/domain';
 
@@ -121,12 +129,10 @@ export class LoadBalancerActions extends React.Component<ILoadBalancerActionsPro
               </li>
             )}
             {loadBalancer.instances.length > 0 && (
-              <li
-                className="disabled"
-                uib-tooltip="You must detach all instances before you can delete this load balancer."
-              >
+              <li className="disabled">
                 <a className="clickable" onClick={this.deleteLoadBalancer}>
-                  Delete Load Balancer
+                  Delete Load Balancer{' '}
+                  <HelpField content="You must detach all instances before you can delete this load balancer." />
                 </a>
               </li>
             )}