From c0d75c64767c36b2d08d5392d49f8f3994ba6f32 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Tue, 24 Jul 2018 15:19:06 -0700
Subject: Hide tooltip after allowance toggle click

---
 packages/website/ts/components/inputs/allowance_state_toggle.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'packages/website/ts/components')

diff --git a/packages/website/ts/components/inputs/allowance_state_toggle.tsx b/packages/website/ts/components/inputs/allowance_state_toggle.tsx
index 764013682..4f986dadc 100644
--- a/packages/website/ts/components/inputs/allowance_state_toggle.tsx
+++ b/packages/website/ts/components/inputs/allowance_state_toggle.tsx
@@ -59,7 +59,7 @@ export class AllowanceStateToggle extends React.Component<AllowanceStateTogglePr
         const tooltipId = `tooltip-id-${this.props.token.symbol}`;
         return (
             <Container cursor="pointer">
-                <ReactTooltip effect="solid" offset={{ top: 3 }} id={tooltipId}>
+                <ReactTooltip id={tooltipId} effect="solid" offset={{ top: 3 }}>
                     {this._getTooltipContent()}
                 </ReactTooltip>
                 <div
@@ -114,6 +114,8 @@ export class AllowanceStateToggle extends React.Component<AllowanceStateTogglePr
         }
     }
     private async _onToggleAllowanceAsync(): Promise<void> {
+        // Close all tooltips
+        ReactTooltip.hide();
         if (this.props.userAddress === '') {
             this.props.dispatcher.updateShouldBlockchainErrDialogBeOpen(true);
             return;
-- 
cgit v1.2.3