aboutsummaryrefslogtreecommitdiffstats
path: root/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx')
-rw-r--r--packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx8
1 files changed, 3 insertions, 5 deletions
diff --git a/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx b/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx
index 164b066..bacbf07 100644
--- a/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx
+++ b/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx
@@ -27,15 +27,13 @@ import React from 'react';
27import { useStore } from '../StoreProvider'; 27import { useStore } from '../StoreProvider';
28 28
29export default observer(() => { 29export default observer(() => {
30 const store = useStore(); 30 const { shared } = useStore();
31 const { 31 const { shouldUseDarkColors } = shared;
32 shared: { shouldUseDarkColors },
33 } = store;
34 32
35 return ( 33 return (
36 <IconButton 34 <IconButton
37 aria-label="Toggle dark mode" 35 aria-label="Toggle dark mode"
38 onClick={() => store.toggleDarkMode()} 36 onClick={() => shared.toggleDarkMode()}
39 > 37 >
40 {shouldUseDarkColors ? <LightModeIcon /> : <DarkModeIcon />} 38 {shouldUseDarkColors ? <LightModeIcon /> : <DarkModeIcon />}
41 </IconButton> 39 </IconButton>