jyapayne/dify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: tooltip (#7634)

Browse source
This commit is contained in:
Yi Xiao 2024-08-26 13:00:02 +08:00 • committed by GitHub
commit 3be756eaed
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
93 changed files with 640 additions and 758 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web/app/components/header/account-setting/members-page/invited-modal/index.tsx
View file

@ -1,5 +1,6 @@
import { CheckCircleIcon } from '@heroicons/react/24/solid'
import { QuestionMarkCircleIcon, XMarkIcon } from '@heroicons/react/24/outline'
import { XMarkIcon } from '@heroicons/react/24/outline'
import { RiQuestionLine } from '@remixicon/react'
import { useTranslation } from 'react-i18next'
import { useMemo } from 'react'
import InvitationLink from './invitation-link'
@ -64,12 +65,11 @@ const InvitedModal = ({
failedInvationResults.map(item =>
<div key={item.email} className='flex justify-center border border-red-300 rounded-md px-1 bg-orange-50'>
<Tooltip
selector={`invitation-tag-${item.email}`}
htmlContent={item.message}
popupContent={item.message}
>
<div className='flex justify-center items-center text-sm gap-1'>
{item.email}
<QuestionMarkCircleIcon className='w-4 h-4 text-red-300' />
<RiQuestionLine className='w-4 h-4 text-red-300' />
</div>
</Tooltip>
</div>,