client/js/app/src/app/pages/querytracer/query-tracer.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import React, { useState } from 'react';
import { Stack, Textarea } from '@mantine/core';
import { DownloadJaeger } from 'app/pages/querybuilder/query-response/download-jaeger';

export function QueryTracer() {
  const [response, setResponse] = useState('');

  return (
    <Stack>
      <Textarea
        styles={(theme) => ({
          input: {
            fontFamily: theme.fontFamilyMonospace,
            fontSize: theme.fontSizes.xs,
          },
        })}
        minRows={21}
        autosize
        value={response}
        onChange={({ target }) => setResponse(target.value)}
      />
      <DownloadJaeger fullWidth response={response} />
    </Stack>
  );
}