a774ac673a
Some checks failed
Deploy analytics worker / Deploy analytics worker to ${{ (github.ref == 'refs/heads/production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Failing after 1s
i18n upload strings / Upload latest strings (push) Failing after 1s
Deploy bemo / Deploy bemo to ${{ (github.ref == 'refs/heads/bemo-production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Failing after 1s
Deploy grafana resources / ${{ github.event_name == 'push' && 'Deploy grafana resources' || 'Validate grafana resources (dry run)' }} (push) Failing after 0s
End to end tests (dotcom) / Check for relevant changes (push) Failing after 0s
End to end tests (examples) / Check for relevant changes (push) Failing after 0s
End to end tests (mermaid readability) / Check for relevant changes (push) Failing after 1s
End to end tests (perf) / Check for relevant changes (push) Failing after 0s
Publish editor extensions / Publish editor extensions (push) Failing after 1s
Publish SDK packages / Remove the publish-packages label (push) Has been skipped
Checks / Tests & checks (push) Has been cancelled
Checks / Build all projects (push) Has been cancelled
Deploy templates / Deploy templates (push) Has been cancelled
End to end tests (dotcom) / End to end tests (dotcom) (push) Has been cancelled
End to end tests (mermaid readability) / End to end tests (mermaid readability) (push) Has been cancelled
End to end tests (perf) / End to end tests (perf) (push) Has been cancelled
Deploy .com / Deploy dotcom to ${{ (github.ref == 'refs/heads/production' && 'production') || (github.ref == 'refs/heads/main' && 'staging') || 'preview' }} (push) Has been cancelled
End to end tests (examples) / End to end tests (examples) (push) Has been cancelled
Publish SDK packages / Publish SDK packages (push) Has been cancelled
Publish SDK packages / Tell user released version (push) Has been cancelled
Publish SDK packages / Publishes code templates to separate repositories (push) Has been cancelled
Publish SDK packages / Deploys the template demos with the new SDK version (push) Has been cancelled
40 lines
925 B
TypeScript
40 lines
925 B
TypeScript
'use client'
|
|
|
|
import { RefObject, useState } from 'react'
|
|
import { Button } from '../common/button'
|
|
|
|
export function CopyButton({
|
|
copy,
|
|
className,
|
|
}: {
|
|
copy: string | RefObject<HTMLElement | null>
|
|
className?: string
|
|
}) {
|
|
const [copied, setCopied] = useState<boolean>(false)
|
|
const handleClick = () => {
|
|
const code: string = typeof copy === 'string' ? copy : (copy.current?.innerText ?? '')
|
|
|
|
navigator.clipboard.writeText(code)
|
|
|
|
if (window.tlanalytics?.trackCopyCode) {
|
|
window.tlanalytics.trackCopyCode({
|
|
page_category: 'docs',
|
|
text_snippet: code,
|
|
})
|
|
}
|
|
|
|
setCopied(true)
|
|
setTimeout(() => setCopied(false), 1500)
|
|
}
|
|
|
|
return (
|
|
<Button
|
|
onClick={handleClick}
|
|
caption={'Copy'}
|
|
icon={copied ? 'check' : 'copy'}
|
|
size="xs"
|
|
className={`absolute transition-all duration-100 translate-y-4 opacity-0 -top-2 right-4 group-hover:opacity-100 group-hover:translate-y-0 ${className}`}
|
|
/>
|
|
)
|
|
}
|