diff options
Diffstat (limited to 'subprojects/frontend/src/App.tsx')
-rw-r--r-- | subprojects/frontend/src/App.tsx | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/subprojects/frontend/src/App.tsx b/subprojects/frontend/src/App.tsx index 3a25f43a..90514044 100644 --- a/subprojects/frontend/src/App.tsx +++ b/subprojects/frontend/src/App.tsx | |||
@@ -1,14 +1,21 @@ | |||
1 | import Grow from '@mui/material/Grow'; | ||
1 | import Stack from '@mui/material/Stack'; | 2 | import Stack from '@mui/material/Stack'; |
3 | import { SnackbarProvider } from 'notistack'; | ||
2 | import React from 'react'; | 4 | import React from 'react'; |
3 | 5 | ||
4 | import TopBar from './TopBar'; | 6 | import TopBar from './TopBar'; |
7 | import UpdateNotification from './UpdateNotification'; | ||
5 | import EditorPane from './editor/EditorPane'; | 8 | import EditorPane from './editor/EditorPane'; |
6 | 9 | ||
7 | export default function App(): JSX.Element { | 10 | export default function App(): JSX.Element { |
8 | return ( | 11 | return ( |
9 | <Stack direction="column" height="100vh" overflow="auto"> | 12 | // @ts-expect-error -- notistack has problems with `exactOptionalPropertyTypes |
10 | <TopBar /> | 13 | <SnackbarProvider TransitionComponent={Grow}> |
11 | <EditorPane /> | 14 | <UpdateNotification /> |
12 | </Stack> | 15 | <Stack direction="column" height="100vh" overflow="auto"> |
16 | <TopBar /> | ||
17 | <EditorPane /> | ||
18 | </Stack> | ||
19 | </SnackbarProvider> | ||
13 | ); | 20 | ); |
14 | } | 21 | } |