MrUnknownDE/panel
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/panel.git synced 2026-04-18 22:33:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui(admin): add CopyOnClick button to NodeConfigurationContainer

Browse Source
This commit is contained in:
Matthew Penner
2021-03-06 16:08:42 -07:00
parent 5d1568cf84
commit e9546c70bd
2 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/scripts/components/elements/CopyOnClick.tsx
View File

@@ -19,7 +19,7 @@ const Toast = styled.div`
}
`;
const CopyOnClick: React.FC<{ text: any }> = ({ text, children }) => {
const CopyOnClick: React.FC<{ text: any, hideTextInToast?: boolean }> = ({ text, hideTextInToast, children }) => {
const [ copied, setCopied ] = useState(false);
useEffect(() => {
@@ -45,7 +45,11 @@ const CopyOnClick: React.FC<{ text: any }> = ({ text, children }) => {
{copied ?
<Toast>
<div>
<p>Copied &quot;{text}&quot; to clipboard.</p>
{hideTextInToast ?
<p>Copied text to clipboard.</p>
:
<p>Copied &quot;{text}&quot; to clipboard.</p>
}
</div>
</Toast>
: