1
0
mirror of synced 2025-12-22 19:34:15 -05:00
Files
docs/javascripts/copy-code.ts
Mike Surowiec e377d74419 React: import necessary javascripts directly (#20001)
* import javascript files directly

* move globally required js to _app

* fix: js initialization

* set next env for tests
2021-06-21 21:55:49 +00:00

21 lines
589 B
TypeScript

export default function copyCode() {
const buttons = Array.from(document.querySelectorAll('button.js-btn-copy'))
if (!buttons) return
buttons.forEach((button) =>
button.addEventListener('click', async () => {
const text = (button as HTMLElement).dataset.clipboardText
if (!text) return
await navigator.clipboard.writeText(text)
const beforeTooltip = button.getAttribute('aria-label') || ''
button.setAttribute('aria-label', 'Copied!')
setTimeout(() => {
button.setAttribute('aria-label', beforeTooltip)
}, 2000)
})
)
}