client/js/app/src/app/app.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
27

import React from 'react';
import { BrowserRouter } from 'react-router-dom';
import { NotificationsProvider as MantineNotificationsProvider } from '@mantine/notifications';
import { Layout } from 'app/components';
import { Home } from 'app/pages/home/home';
import { QueryBuilder } from 'app/pages/querybuilder';
import { QueryTracer } from 'app/pages/querytracer/query-tracer';
import { ThemeProvider } from 'app/libs/theme-provider';
import { Router } from 'app/libs/router';

export function App() {
  return (
    <BrowserRouter>
      <ThemeProvider>
        <MantineNotificationsProvider>
          <Layout>
            <Router>
              <Home path="/" title="Home" />
              <QueryBuilder path="querybuilder" title="Query Builder" />
              <QueryTracer path="querytracer" title="Query Tracer" />
            </Router>
          </Layout>
        </MantineNotificationsProvider>
      </ThemeProvider>
    </BrowserRouter>
  );
}