m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-18 15:23:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

feature(components): prop-type CopyButton

Browse Source
This commit is contained in:
Alexander Klein 2021-02-16 12:33:37 +01:00
parent 72b91899b3
commit 2ff91389e0
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/common/CopyButton.js
View File

@ -1,4 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import PropTypes from 'prop-types';
import Button from './Button'; import Button from './Button';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
@ -6,7 +7,7 @@ const defaultText = (
<FormattedMessage id="label.copy-to-clipboard" defaultMessage="Copy to clipboard" /> <FormattedMessage id="label.copy-to-clipboard" defaultMessage="Copy to clipboard" />
); );
export default function CopyButton({ element, ...props }) { function CopyButton({ element, ...props }) {
const [text, setText] = useState(defaultText); const [text, setText] = useState(defaultText);
function handleClick() { function handleClick() {
@ -24,3 +25,13 @@ export default function CopyButton({ element, ...props }) {
</Button> </Button>
); );
} }
CopyButton.propTypes = {
element: PropTypes.shape({
current: PropTypes.shape({
select: PropTypes.func.isRequired,
}),
}),
};
export default CopyButton;