blob: b8889dfd7c5bb9d9c81f02d6a419eaa07efd6355 (
plain) (
blame)
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
27
28
29
30
31
32
33
34
35
36
|
import React from 'react';
import { SimpleGrid, Title } from '@mantine/core';
import { Container, Content, Icon } from 'app/components';
import { QueryBuilderProvider } from 'app/pages/querybuilder/context/query-builder-provider';
import { QueryFilters } from 'app/pages/querybuilder/query-filters/query-filters';
import { QueryDerived } from 'app/pages/querybuilder/query-derived/query-derived';
import { QueryResponse } from 'app/pages/querybuilder/query-response/query-response';
import QueryEndpoint from 'app/pages/querybuilder/query-endpoint/query-endpoint';
export function QueryBuilder() {
return (
<QueryBuilderProvider>
<Container sx={{ rowGap: '21px' }}>
<Title order={2}>
<Icon name="arrows-to-dot" /> Query Builder
</Title>
<QueryEndpoint />
<SimpleGrid
breakpoints={[{ maxWidth: 'sm', cols: 1 }]}
cols={3}
spacing="lg"
>
<Content>
<QueryFilters />
</Content>
<Content>
<QueryDerived />
</Content>
<Content>
<QueryResponse />
</Content>
</SimpleGrid>
</Container>
</QueryBuilderProvider>
);
}
|