diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-01-09 20:33:53 +0100 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-01-09 20:33:53 +0100 |
commit | d85f09cbed5f3d2501f791e689011ae127df1cbb (patch) | |
tree | 0ed5be55dd5d3dec1d51eb60e7ff229274030a57 /packages/renderer/src/components/ThemeProvider.tsx | |
parent | build: Disable single-run eslint-typescript (diff) | |
download | sophie-d85f09cbed5f3d2501f791e689011ae127df1cbb.tar.gz sophie-d85f09cbed5f3d2501f791e689011ae127df1cbb.tar.zst sophie-d85f09cbed5f3d2501f791e689011ae127df1cbb.zip |
build: Add prettier
eslint will also enforce prettier rules, so there is no need to call
prettier separately in CI.
Signed-off-by: Kristóf Marussy <kristof@marussy.com>
Diffstat (limited to 'packages/renderer/src/components/ThemeProvider.tsx')
-rw-r--r-- | packages/renderer/src/components/ThemeProvider.tsx | 28 |
1 files changed, 13 insertions, 15 deletions
diff --git a/packages/renderer/src/components/ThemeProvider.tsx b/packages/renderer/src/components/ThemeProvider.tsx index eacaa52..3943371 100644 --- a/packages/renderer/src/components/ThemeProvider.tsx +++ b/packages/renderer/src/components/ThemeProvider.tsx | |||
@@ -27,20 +27,18 @@ import React from 'react'; | |||
27 | 27 | ||
28 | import { useStore } from './StoreProvider'; | 28 | import { useStore } from './StoreProvider'; |
29 | 29 | ||
30 | export default observer(({ children }: { | 30 | export default observer( |
31 | children: JSX.Element | JSX.Element[]; | 31 | ({ children }: { children: JSX.Element | JSX.Element[] }) => { |
32 | }) => { | 32 | const { |
33 | const { shared: { shouldUseDarkColors } } = useStore(); | 33 | shared: { shouldUseDarkColors }, |
34 | } = useStore(); | ||
34 | 35 | ||
35 | const theme = createTheme({ | 36 | const theme = createTheme({ |
36 | palette: { | 37 | palette: { |
37 | mode: shouldUseDarkColors ? 'dark' : 'light', | 38 | mode: shouldUseDarkColors ? 'dark' : 'light', |
38 | }, | 39 | }, |
39 | }); | 40 | }); |
40 | 41 | ||
41 | return ( | 42 | return <MuiThemeProvider theme={theme}>{children}</MuiThemeProvider>; |
42 | <MuiThemeProvider theme={theme}> | 43 | }, |
43 | {children} | 44 | ); |
44 | </MuiThemeProvider> | ||
45 | ); | ||
46 | }); | ||