From 32fdac513cd976de91e290c40cfd780537863705 Mon Sep 17 00:00:00 2001
From: "Rajesh.K" <rajeshkumaranraj@gmail.com>
Date: Tue, 12 Oct 2021 12:15:52 +0530
Subject: [PATCH] Adds tooltip for user invitation (#974)

* Issue 971 added tooltip for user invitation

* Added styling for tooltip - used react-tooltip library
PR - https://github.com/ToolJet/ToolJet/pull/974
---
 frontend/src/ManageOrgUsers/ManageOrgUsers.jsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx b/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx
index 60ee067807..bfaa733b01 100644
--- a/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx
+++ b/frontend/src/ManageOrgUsers/ManageOrgUsers.jsx
@@ -5,6 +5,7 @@ import { Header } from '@/_components';
 import { toast } from 'react-toastify';
 import { history } from '@/_helpers';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
+import ReactTooltip from 'react-tooltip';
 
 class ManageOrgUsers extends React.Component {
   constructor(props) {
@@ -150,6 +151,7 @@ class ManageOrgUsers extends React.Component {
     return (
       <div className="wrapper org-users-page">
         <Header switchDarkMode={this.props.switchDarkMode} darkMode={this.props.darkMode} />
+        <ReactTooltip type="dark" effect="solid"  delayShow={250} />
 
         <div className="page-wrapper">
           <div className="container-xl">
@@ -310,12 +312,16 @@ class ManageOrgUsers extends React.Component {
                                     text={this.generateInvitationURL(user)}
                                     onCopy={this.invitationLinkCopyHandler}
                                   >
-                                    <img
-                                      className="svg-icon"
-                                      src="/assets/images/icons/copy.svg"
-                                      width="15"
-                                      height="15"
-                                    ></img>
+                                        <img
+                                          data-tip="Copy invitation link"
+                                          className="svg-icon"
+                                          src="/assets/images/icons/copy.svg"
+                                          width="15"
+                                          height="15"
+                                          style={{
+                                            cursor:'pointer'
+                                          }}
+                                        ></img>
                                   </CopyToClipboard>
                                 ) : (
                                   ''