diff options
Diffstat (limited to 'packages/renderer/src/components/ToggleDarkModeButton.tsx')
-rw-r--r-- | packages/renderer/src/components/ToggleDarkModeButton.tsx | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/packages/renderer/src/components/ToggleDarkModeButton.tsx b/packages/renderer/src/components/ToggleDarkModeButton.tsx index 1b6757e..c8ffdf0 100644 --- a/packages/renderer/src/components/ToggleDarkModeButton.tsx +++ b/packages/renderer/src/components/ToggleDarkModeButton.tsx | |||
@@ -18,21 +18,22 @@ | |||
18 | * SPDX-License-Identifier: AGPL-3.0-only | 18 | * SPDX-License-Identifier: AGPL-3.0-only |
19 | */ | 19 | */ |
20 | 20 | ||
21 | import { observer } from 'mobx-react-lite'; | ||
22 | import DarkModeIcon from '@mui/icons-material/DarkMode'; | 21 | import DarkModeIcon from '@mui/icons-material/DarkMode'; |
23 | import LightModeIcon from '@mui/icons-material/LightMode'; | 22 | import LightModeIcon from '@mui/icons-material/LightMode'; |
24 | import IconButton from '@mui/material/IconButton'; | 23 | import IconButton from '@mui/material/IconButton'; |
24 | import { observer } from 'mobx-react-lite'; | ||
25 | import React from 'react'; | 25 | import React from 'react'; |
26 | 26 | ||
27 | import { useStore } from './StoreProvider'; | 27 | import { useStore } from './StoreProvider'; |
28 | 28 | ||
29 | export const ToggleDarkModeButton = observer(function ToggleDarkModeButton() { | 29 | export default observer(() => { |
30 | const { shared: { shouldUseDarkColors }, toggleDarkMode } = useStore(); | 30 | const store = useStore(); |
31 | const { shared: { shouldUseDarkColors } } = store; | ||
31 | 32 | ||
32 | return ( | 33 | return ( |
33 | <IconButton | 34 | <IconButton |
34 | aria-label="Toggle dark mode" | 35 | aria-label="Toggle dark mode" |
35 | onClick={() => toggleDarkMode()} | 36 | onClick={() => store.toggleDarkMode()} |
36 | > | 37 | > |
37 | {shouldUseDarkColors ? <LightModeIcon /> : <DarkModeIcon />} | 38 | {shouldUseDarkColors ? <LightModeIcon /> : <DarkModeIcon />} |
38 | </IconButton> | 39 | </IconButton> |