bruno/packages/grafnode-run/src/pageComponents/Main/index.js

74 lines
2.1 KiB
JavaScript
Raw Normal View History

2021-12-03 20:37:38 +01:00
import React from 'react';
import dynamic from 'next/dynamic'
2021-12-03 21:33:46 +01:00
import {
RequestTabs,
Sidebar
} from '@grafnode/components';
2021-12-03 20:37:38 +01:00
import actions from 'providers/Store/actions';
import { useStore } from '../../providers/Store/index';
2021-12-03 20:37:38 +01:00
import StyledWrapper from './StyledWrapper';
import 'codemirror/mode/javascript/javascript';
import 'codemirror/addon/edit/matchbrackets';
import 'codemirror/addon/fold/brace-fold';
import 'codemirror/addon/fold/foldgutter';
import 'codemirror/addon/hint/show-hint';
import 'codemirror/keymap/sublime';
import 'codemirror/addon/comment/comment';
import 'codemirror/addon/edit/closebrackets';
import 'codemirror/addon/search/search';
import 'codemirror/addon/search/searchcursor';
import 'codemirror/addon/search/jump-to-line';
import 'codemirror/addon/dialog/dialog';
import 'codemirror-graphql/hint';
import 'codemirror-graphql/lint';
import 'codemirror-graphql/info';
import 'codemirror-graphql/jump';
2021-12-05 17:04:03 +01:00
import 'codemirror-graphql/mode';
import 'codemirror/addon/fold/foldgutter.css';
import 'codemirror/addon/dialog/dialog.css';
import 'codemirror/addon/hint/show-hint.css';
const RequestTabPanel = dynamic(import('@grafnode/components').then(mod => mod.RequestTabPanel), { ssr: false });
2021-12-03 20:37:38 +01:00
export default function Main() {
const [state, dispatch] = useStore();
const {
collections,
2021-12-03 21:33:46 +01:00
requestTabs,
2021-12-03 20:37:38 +01:00
activeRequestTabId
} = state;
return (
<div>
<StyledWrapper>
<Sidebar
collections={collections}
actions={actions}
dispatch={dispatch}
activeRequestTabId={activeRequestTabId}
/>
<section className='flex flex-grow flex-col'>
2021-12-03 21:33:46 +01:00
<RequestTabs
requestTabs={requestTabs}
actions={actions}
dispatch={dispatch}
activeRequestTabId={activeRequestTabId}
/>
<RequestTabPanel
actions={actions}
dispatch={dispatch}
collections={collections}
requestTabs={requestTabs}
activeRequestTabId={activeRequestTabId}
/>
2021-12-03 20:37:38 +01:00
</section>
</StyledWrapper>
</div>
2021-12-30 15:12:04 +01:00
);
};