1 files changed, 40 insertions, 0 deletions
diff --git a/client/js/app/src/app/pages/querybuilder/Components/Buttons/OverlayImageButton.jsx b/client/js/app/src/app/pages/querybuilder/Components/Buttons/OverlayImageButton.jsx
new file mode 100644
index 00000000000..2cb9c7d6e9a
--- /dev/null
+++ b/client/js/app/src/app/pages/querybuilder/Components/Buttons/OverlayImageButton.jsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
+import Tooltip from 'react-bootstrap/Tooltip';
+import ImageButton from './ImageButton';
+
+export default function OverlayImageButton({
+  onClick,
+  children,
+  className,
+  id,
+  image,
+  height = '15',
+  width = '15',
+  style,
+  tooltip,
+}) {
+  return (
+    <OverlayTrigger
+      placement="right"
+      delay={{ show: 250, hide: 400 }}
+      overlay={<Tooltip id="button-tooltip">{tooltip}</Tooltip>}
+    >
+      <span>
+        <ImageButton
+          id={id}
+          className={className}
+          image={image}
+          height={height}
+          width={width}
+          style={style}
+          onClick={onClick}
+        >
+          {children}
+        </ImageButton>
+      </span>
+    </OverlayTrigger>
+  );
+}
+
+//