Vojtech Simetka
f238c43307
* fix: replace feather icons with remix icons on swarm button * fix: remove feather icons package (#415) * fix: remove all feather icons and replace with remix icons * fix: few stray weird icons
25 lines
788 B
TypeScript
25 lines
788 B
TypeScript
import type { ReactElement } from 'react'
|
|
import IconButton from '@material-ui/core/IconButton'
|
|
import { CopyToClipboard } from 'react-copy-to-clipboard'
|
|
import Clipboard from 'remixicon-react/ClipboardLineIcon'
|
|
import { useSnackbar } from 'notistack'
|
|
|
|
interface Props {
|
|
value: string
|
|
}
|
|
|
|
export default function ClipboardCopy({ value }: Props): ReactElement {
|
|
const { enqueueSnackbar } = useSnackbar()
|
|
const handleCopy = () => enqueueSnackbar(`Copied: ${value}`, { variant: 'success' })
|
|
|
|
return (
|
|
<div style={{ marginRight: '3px', marginLeft: '3px' }}>
|
|
<IconButton color="primary" size="small" onClick={handleCopy}>
|
|
<CopyToClipboard text={value}>
|
|
<Clipboard style={{ height: '20px' }} />
|
|
</CopyToClipboard>
|
|
</IconButton>
|
|
</div>
|
|
)
|
|
}
|