diff options
Diffstat (limited to 'packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx')
-rw-r--r-- | packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx b/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx index bacbf07..51c3b18 100644 --- a/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx +++ b/packages/renderer/src/components/sidebar/ToggleDarkModeButton.tsx | |||
@@ -23,16 +23,18 @@ import LightModeIcon from '@mui/icons-material/LightMode'; | |||
23 | import IconButton from '@mui/material/IconButton'; | 23 | import IconButton from '@mui/material/IconButton'; |
24 | import { observer } from 'mobx-react-lite'; | 24 | import { observer } from 'mobx-react-lite'; |
25 | import React from 'react'; | 25 | import React from 'react'; |
26 | import { useTranslation } from 'react-i18next'; | ||
26 | 27 | ||
27 | import { useStore } from '../StoreProvider'; | 28 | import { useStore } from '../StoreProvider'; |
28 | 29 | ||
29 | export default observer(() => { | 30 | export default observer(() => { |
31 | const { t } = useTranslation(); | ||
30 | const { shared } = useStore(); | 32 | const { shared } = useStore(); |
31 | const { shouldUseDarkColors } = shared; | 33 | const { shouldUseDarkColors } = shared; |
32 | 34 | ||
33 | return ( | 35 | return ( |
34 | <IconButton | 36 | <IconButton |
35 | aria-label="Toggle dark mode" | 37 | aria-label={t('toolbar.toggleDarkMode')} |
36 | onClick={() => shared.toggleDarkMode()} | 38 | onClick={() => shared.toggleDarkMode()} |
37 | > | 39 | > |
38 | {shouldUseDarkColors ? <LightModeIcon /> : <DarkModeIcon />} | 40 | {shouldUseDarkColors ? <LightModeIcon /> : <DarkModeIcon />} |