28 lines
763 B
TypeScript
28 lines
763 B
TypeScript
import { useTranslate } from '@/hooks/common-hooks';
|
|
import { CheckOutlined, CopyOutlined } from '@ant-design/icons';
|
|
import { Tooltip } from 'antd';
|
|
import { useState } from 'react';
|
|
import { CopyToClipboard as Clipboard, Props } from 'react-copy-to-clipboard';
|
|
|
|
const CopyToClipboard = ({ text }: Props) => {
|
|
const [copied, setCopied] = useState(false);
|
|
const { t } = useTranslate('common');
|
|
|
|
const handleCopy = () => {
|
|
setCopied(true);
|
|
setTimeout(() => {
|
|
setCopied(false);
|
|
}, 2000);
|
|
};
|
|
|
|
return (
|
|
<Tooltip title={copied ? t('copied') : t('copy')}>
|
|
<Clipboard text={text} onCopy={handleCopy}>
|
|
{copied ? <CheckOutlined /> : <CopyOutlined />}
|
|
</Clipboard>
|
|
</Tooltip>
|
|
);
|
|
};
|
|
|
|
export default CopyToClipboard;
|