Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-19 13:29:41 +02:00
Code Issues Releases Activity

add copy to clipboard to web editor (#9009)

Browse source
This commit is contained in:
Matt Hook 2023-05-31 12:28:11 +12:00 • committed by GitHub
parent 1cda08ca11
commit 3a49dbf803
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 65 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

21
app/react/components/CodeEditor.tsx
View file

@ -7,6 +7,8 @@ import { useMemo } from 'react';
import { createTheme } from '@uiw/codemirror-themes';
import { tags as highlightTags } from '@lezer/highlight';
import { CopyButton } from '@@/buttons/CopyButton';
import styles from './CodeEditor.module.css';
import { TextTip } from './Tip/TextTip';
@ -82,7 +84,24 @@ export function CodeEditor({
return (
<>
{!!placeholder && <TextTip color="blue">{placeholder}</TextTip>}
<div className="mb-2 flex flex-col">
<div className="flex">
<div className="flex-1">
{!!placeholder && <TextTip color="blue">{placeholder}</TextTip>}
</div>
<div className="ml-auto">
<CopyButton
copyText={value}
color="none"
className="!text-sm !font-medium text-blue-9 hover:!text-blue-11 th-highcontrast:text-blue-7 hover:th-highcontrast:!text-blue-6 th-dark:text-blue-7 hover:th-dark:!text-blue-6"
indicatorPosition="left"
>
Copy to clipboard
</CopyButton>
</div>
</div>
</div>
<CodeMirror
className={styles.root}
theme={theme}