d0bcae82f2
* change(ui) - player - back button spacing * change(ui) - onboarding - changes * change(ui) - onboarding - changes * change(ui) - integrations gap-4 * change(ui) - install script copy button styles * change(ui) - copy button in account settings * fix(ui) - error details modal loader position * change(ui) - share popup styles * change(ui) - player improvements * change(ui) - player improvements - playback speed with menu * change(ui) - player improvements - current timezone * change(ui) - player improvements - autoplay options
28 lines
622 B
JavaScript
28 lines
622 B
JavaScript
import React from 'react'
|
|
import { useState } from 'react';
|
|
import copy from 'copy-to-clipboard';
|
|
import { Button } from 'UI';
|
|
|
|
function CopyButton({ content, variant="text-primary", className = '', btnText = 'copy' }) {
|
|
const [copied, setCopied] = useState(false)
|
|
|
|
const copyHandler = () => {
|
|
setCopied(true);
|
|
copy(content);
|
|
setTimeout(() => {
|
|
setCopied(false);
|
|
}, 1000);
|
|
};
|
|
|
|
return (
|
|
<Button
|
|
variant={variant}
|
|
className={ className + ' capitalize' }
|
|
onClick={ copyHandler }
|
|
>
|
|
{ copied ? 'copied' : btnText }
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
export default CopyButton
|