subprojects/frontend/src/App.tsx


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

import Grow from '@mui/material/Grow';
import Stack from '@mui/material/Stack';
import { SnackbarProvider } from 'notistack';
import React from 'react';

import TopBar from './TopBar';
import UpdateNotification from './UpdateNotification';
import EditorPane from './editor/EditorPane';

export default function App(): JSX.Element {
  return (
    // @ts-expect-error -- notistack has problems with `exactOptionalPropertyTypes
    <SnackbarProvider TransitionComponent={Grow}>
      <UpdateNotification />
      <Stack direction="column" height="100vh" overflow="auto">
        <TopBar />
        <EditorPane />
      </Stack>
    </SnackbarProvider>
  );
}