bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CopyableInput: oh yeah, make the input actually copy

Browse source
This commit is contained in:
Alex Gleason 2022-08-25 21:28:20 -05:00
parent 48ba485a0d
commit 82aad21900
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/soapbox/components/copyable-input.tsx
View file

@ -5,7 +5,7 @@ import { Button, HStack, Input } from './ui';
interface ICopyableInput { interface ICopyableInput {
/** Text to be copied. */ /** Text to be copied. */
value?: string, value: string,
} }
/** An input with copy abilities. */ /** An input with copy abilities. */
@ -14,6 +14,12 @@ const CopyableInput: React.FC<ICopyableInput> = ({ value }) => {
const selectInput = () => { const selectInput = () => {
input.current?.select(); input.current?.select();
if (navigator.clipboard) {
navigator.clipboard.writeText(value);
} else {
document.execCommand('copy');
}
}; };
return ( return (