Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-22 16:38:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Adds tooltip for user invitation (#974)

Browse source 
* Issue 971 added tooltip for user invitation

* Added styling for tooltip - used react-tooltip library
PR - https://github.com/ToolJet/ToolJet/pull/974
This commit is contained in:
Rajesh.K 2021-10-12 12:15:52 +05:30 committed by GitHub
parent 1111a75318
commit 32fdac513c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/ManageOrgUsers/ManageOrgUsers.jsx
View file

@ -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>
) : (
''