diff options
Diffstat (limited to 'packages/renderer/src/index.tsx')
-rw-r--r-- | packages/renderer/src/index.tsx | 20 |
1 files changed, 3 insertions, 17 deletions
diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx index 901d137..90cba2c 100644 --- a/packages/renderer/src/index.tsx +++ b/packages/renderer/src/index.tsx | |||
@@ -22,13 +22,12 @@ import '@fontsource/roboto/300.css'; | |||
22 | import '@fontsource/roboto/400.css'; | 22 | import '@fontsource/roboto/400.css'; |
23 | import '@fontsource/roboto/500.css'; | 23 | import '@fontsource/roboto/500.css'; |
24 | import '@fontsource/roboto/700.css'; | 24 | import '@fontsource/roboto/700.css'; |
25 | import { observer } from 'mobx-react-lite'; | ||
26 | import Button from "@mui/material/Button"; | ||
27 | import CssBaseline from "@mui/material/CssBaseline"; | 25 | import CssBaseline from "@mui/material/CssBaseline"; |
28 | import React from 'react'; | 26 | import React from 'react'; |
29 | import { render } from 'react-dom'; | 27 | import { render } from 'react-dom'; |
30 | 28 | ||
31 | import { StoreProvider, useStore } from './components/StoreProvider'; | 29 | import { App } from './components/App'; |
30 | import { StoreProvider } from './components/StoreProvider'; | ||
32 | import { ThemeProvider } from './components/ThemeProvider'; | 31 | import { ThemeProvider } from './components/ThemeProvider'; |
33 | import { exposeToReduxDevtools } from './devTools'; | 32 | import { exposeToReduxDevtools } from './devTools'; |
34 | import { createAndConnectRootStore } from './stores/RootStore'; | 33 | import { createAndConnectRootStore } from './stores/RootStore'; |
@@ -41,26 +40,13 @@ if (isDevelopment) { | |||
41 | exposeToReduxDevtools(store); | 40 | exposeToReduxDevtools(store); |
42 | } | 41 | } |
43 | 42 | ||
44 | const Example = observer(() => { | ||
45 | const { shared: { clickCount } } = useStore(); | ||
46 | |||
47 | return ( | ||
48 | <Button | ||
49 | variant="contained" | ||
50 | onClick={() => store.buttonClick()} | ||
51 | > | ||
52 | Hello Sophie! {clickCount} | ||
53 | </Button> | ||
54 | ); | ||
55 | }); | ||
56 | |||
57 | function Root(): JSX.Element { | 43 | function Root(): JSX.Element { |
58 | return ( | 44 | return ( |
59 | <React.StrictMode> | 45 | <React.StrictMode> |
60 | <StoreProvider store={store}> | 46 | <StoreProvider store={store}> |
61 | <ThemeProvider> | 47 | <ThemeProvider> |
62 | <CssBaseline enableColorScheme /> | 48 | <CssBaseline enableColorScheme /> |
63 | <Example /> | 49 | <App /> |
64 | </ThemeProvider> | 50 | </ThemeProvider> |
65 | </StoreProvider> | 51 | </StoreProvider> |
66 | </React.StrictMode> | 52 | </React.StrictMode> |