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
26

import React, { useContext } from 'react';
import DownloadJSONButton from '../querybuilder/Components/Buttons/DownloadJSONButton';
import { ResponseContext } from '../querybuilder/Components/Contexts/ResponseContext';
import { Container } from 'app/components';

export function QueryTracer() {
  const { response, setResponse } = useContext(ResponseContext);

  const updateResponse = (e) => {
    setResponse(e.target.value);
  };

  return (
    <Container>
      <textarea
        cols="70"
        rows="25"
        value={response}
        onChange={updateResponse}
      ></textarea>
      <DownloadJSONButton>
        Convert to Jeager format and download trace
      </DownloadJSONButton>
    </Container>
  );
}