aboutsummaryrefslogtreecommitdiffstats
path: root/packages/renderer/src/components/ThemeProvider.tsx
diff options
context:
space:
mode:
authorLibravatar Kristóf Marussy <kristof@marussy.com>2022-01-09 20:33:53 +0100
committerLibravatar Kristóf Marussy <kristof@marussy.com>2022-01-09 20:33:53 +0100
commitd85f09cbed5f3d2501f791e689011ae127df1cbb (patch)
tree0ed5be55dd5d3dec1d51eb60e7ff229274030a57 /packages/renderer/src/components/ThemeProvider.tsx
parentbuild: Disable single-run eslint-typescript (diff)
downloadsophie-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.tsx28
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
28import { useStore } from './StoreProvider'; 28import { useStore } from './StoreProvider';
29 29
30export default observer(({ children }: { 30export 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});