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.tsx4
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';
23import IconButton from '@mui/material/IconButton'; 23import IconButton from '@mui/material/IconButton';
24import { observer } from 'mobx-react-lite'; 24import { observer } from 'mobx-react-lite';
25import React from 'react'; 25import React from 'react';
26import { useTranslation } from 'react-i18next';
26 27
27import { useStore } from '../StoreProvider'; 28import { useStore } from '../StoreProvider';
28 29
29export default observer(() => { 30export 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 />}