From 398071ade2f6435c41e37dbffeb08cb42969b89e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81rgio=20Ramos?= <mail@sergioramos.me>
Date: Thu, 23 Mar 2017 15:17:53 +0000
Subject: [PATCH] handle blur on topology tooltips

---
 frontend/src/containers/services/topology.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/containers/services/topology.js b/frontend/src/containers/services/topology.js
index 32ad3a64..1723f6bd 100644
--- a/frontend/src/containers/services/topology.js
+++ b/frontend/src/containers/services/topology.js
@@ -37,6 +37,7 @@ const Services = (props) => {
     const service = services.reduce((acc, service) =>
       service.uuid === tooltipData.service ? service : acc
     , {});
+
     const ttData = {
       ...tooltipData,
       data: {
@@ -45,9 +46,14 @@ const Services = (props) => {
         projectId: project.id
       }
     };
+
     toggleTooltip(ttData);
   };
 
+  const handleTooltipBlur = (evt) => onQuickActions(evt, {
+    service: uiTooltip.service
+  });
+
   return (
     <StyledBackground>
       <StyledContainer>
@@ -55,7 +61,7 @@ const Services = (props) => {
           onQuickActions={onQuickActions}
           services={services}
         />
-        <ServicesTooltip {...uiTooltip} />
+        <ServicesTooltip {...uiTooltip} onBlur={handleTooltipBlur} />
       </StyledContainer>
     </StyledBackground>
   );