diff options
Diffstat (limited to 'client/js')
3 files changed, 10 insertions, 4 deletions
diff --git a/client/js/app/src/app/components/icon/icon.jsx b/client/js/app/src/app/components/icon/icon.jsx index 5a5a5e0dd55..88075b9e7e2 100644 --- a/client/js/app/src/app/components/icon/icon.jsx +++ b/client/js/app/src/app/components/icon/icon.jsx @@ -5,6 +5,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faArrowsToDot, faChartGantt, + faCheck, faCircleMinus, faCopy, faDownload, @@ -21,7 +22,8 @@ library.add( faPlus, faPaste, faDownload, - faCopy + faCopy, + faCheck ); export function Icon({ name, type = 'solid', color, ...rest }) { diff --git a/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx b/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx index 1f200d93e36..b252886ae0c 100644 --- a/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx +++ b/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx @@ -26,8 +26,10 @@ export function QueryDerived() { }} value={query} validationError="Invalid json" + variant={'unstyled'} minRows={21} formatOnBlur + autosize /> </Stack> ); diff --git a/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx b/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx index 4f076dd5ec4..6f101cc511b 100644 --- a/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx +++ b/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx @@ -20,14 +20,14 @@ export function QueryResponse() { <CopyButton value={response}> {({ copied, copy }) => ( <Button - leftIcon={<Icon name="copy" />} + leftIcon={<Icon name={copied ? 'check' : 'copy'} />} color={copied ? 'teal' : 'blue'} variant="outline" onClick={copy} size="xs" compact > - {copied ? 'Copied' : 'Copy'} + Copy </Button> )} </CopyButton> @@ -37,7 +37,7 @@ export function QueryResponse() { size="xs" compact > - Jeager Format + Jaeger Format </Button> </Group> </Group> @@ -48,7 +48,9 @@ export function QueryResponse() { input: { height: '100%' }, }} value={response} + variant={'unstyled'} minRows={21} + autosize /> </Stack> ); |