mirror of
https://github.com/langgenius/dify.git
synced 2026-05-15 04:00:46 -04:00
52 lines
1.6 KiB
TypeScript
52 lines
1.6 KiB
TypeScript
'use client'
|
|
import { Tooltip, TooltipContent, TooltipTrigger } from '@langgenius/dify-ui/tooltip'
|
|
import { useCallback } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { useClipboard } from '@/hooks/use-clipboard'
|
|
|
|
type Props = {
|
|
content: string
|
|
}
|
|
|
|
const prefixEmbedded = 'overview.appInfo.embedded'
|
|
|
|
const CopyIcon = ({ content }: Props) => {
|
|
const { t } = useTranslation()
|
|
const { copied, copy, reset } = useClipboard()
|
|
|
|
const handleCopy = useCallback(() => {
|
|
copy(content)
|
|
}, [copy, content])
|
|
|
|
const tooltipText = copied
|
|
? t(`${prefixEmbedded}.copied`, { ns: 'appOverview' })
|
|
: t(`${prefixEmbedded}.copy`, { ns: 'appOverview' })
|
|
/* v8 ignore next -- i18n test mock always returns a non-empty string; runtime fallback is defensive. -- @preserve */
|
|
const safeTooltipText = tooltipText || ''
|
|
|
|
return (
|
|
<Tooltip>
|
|
<TooltipTrigger
|
|
render={(
|
|
<button
|
|
type="button"
|
|
aria-label={safeTooltipText}
|
|
className="mx-1 inline-flex h-3.5 w-3.5 cursor-pointer border-0 bg-transparent p-0 text-text-tertiary"
|
|
onClick={handleCopy}
|
|
onMouseLeave={reset}
|
|
>
|
|
{!copied
|
|
? (<span aria-hidden className="i-custom-vender-line-files-copy h-3.5 w-3.5" data-testid="copy-icon" />)
|
|
: (<span aria-hidden className="i-custom-vender-line-files-copy-check h-3.5 w-3.5" data-testid="copied-icon" />)}
|
|
</button>
|
|
)}
|
|
/>
|
|
<TooltipContent>
|
|
{safeTooltipText}
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
)
|
|
}
|
|
|
|
export default CopyIcon
|