diff options
author | 2022-10-07 19:44:41 +0200 | |
---|---|---|
committer | 2022-11-05 19:41:14 +0100 | |
commit | abe176d0888c0fdcc803ddafe71a5cee9f4b63a0 (patch) | |
tree | ea7d5722c8e981ba540e648fbacbfd0e4a55768a /subprojects/frontend/src/Refinery.tsx | |
parent | fix: test and lint failures (diff) | |
download | refinery-abe176d0888c0fdcc803ddafe71a5cee9f4b63a0.tar.gz refinery-abe176d0888c0fdcc803ddafe71a5cee9f4b63a0.tar.zst refinery-abe176d0888c0fdcc803ddafe71a5cee9f4b63a0.zip |
refactor(frontend): improve HMR experience
Use a HMR acceptor as in
https://github.com/vitejs/vite/issues/10227#issuecomment-1256969751
Also updates frontend tooling to the latest version
(yarn now support typescript 4.8.4)
Diffstat (limited to 'subprojects/frontend/src/Refinery.tsx')
-rw-r--r-- | subprojects/frontend/src/Refinery.tsx | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/subprojects/frontend/src/Refinery.tsx b/subprojects/frontend/src/Refinery.tsx new file mode 100644 index 00000000..41f835b3 --- /dev/null +++ b/subprojects/frontend/src/Refinery.tsx | |||
@@ -0,0 +1,21 @@ | |||
1 | import Grow from '@mui/material/Grow'; | ||
2 | import Stack from '@mui/material/Stack'; | ||
3 | import { SnackbarProvider } from 'notistack'; | ||
4 | import React from 'react'; | ||
5 | |||
6 | import TopBar from './TopBar'; | ||
7 | import UpdateNotification from './UpdateNotification'; | ||
8 | import EditorPane from './editor/EditorPane'; | ||
9 | |||
10 | export default function Refinery(): JSX.Element { | ||
11 | return ( | ||
12 | // @ts-expect-error -- notistack has problems with `exactOptionalPropertyTypes | ||
13 | <SnackbarProvider TransitionComponent={Grow}> | ||
14 | <UpdateNotification /> | ||
15 | <Stack direction="column" height="100vh" overflow="auto"> | ||
16 | <TopBar /> | ||
17 | <EditorPane /> | ||
18 | </Stack> | ||
19 | </SnackbarProvider> | ||
20 | ); | ||
21 | } | ||