From f59e3d2235c05d8f17889251924adedcf4f13fec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Oliveira?= <josepfo.w@gmail.com>
Date: Tue, 26 Jan 2021 11:16:24 +0000
Subject: [PATCH] added a click away listener

---
 .../src/components/buttons/IDButton.js        | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/new-lamassu-admin/src/components/buttons/IDButton.js b/new-lamassu-admin/src/components/buttons/IDButton.js
index 593a56fd..e6e9b55a 100644
--- a/new-lamassu-admin/src/components/buttons/IDButton.js
+++ b/new-lamassu-admin/src/components/buttons/IDButton.js
@@ -1,3 +1,4 @@
+import { ClickAwayListener } from '@material-ui/core'
 import { makeStyles } from '@material-ui/core/styles'
 import classnames from 'classnames'
 import React, { useState, memo } from 'react'
@@ -101,22 +102,24 @@ const IDButton = memo(
 
     return (
       <>
-        <button
-          aria-describedby={id}
-          onClick={handleClick}
-          className={classnames(classNames, className)}
-          {...props}>
-          {Icon && !open && (
-            <div className={classnames(iconClassNames)}>
-              <Icon />
-            </div>
-          )}
-          {InverseIcon && open && (
-            <div className={classnames(iconClassNames)}>
-              <InverseIcon />
-            </div>
-          )}
-        </button>
+        <ClickAwayListener onClickAway={handleClose}>
+          <button
+            aria-describedby={id}
+            onClick={handleClick}
+            className={classnames(classNames, className)}
+            {...props}>
+            {Icon && !open && (
+              <div className={classnames(iconClassNames)}>
+                <Icon />
+              </div>
+            )}
+            {InverseIcon && open && (
+              <div className={classnames(iconClassNames)}>
+                <InverseIcon />
+              </div>
+            )}
+          </button>
+        </ClickAwayListener>
         <Popover
           className={popoverClassname}
           id={id}