aboutsummaryrefslogtreecommitdiffstats
path: root/packages/renderer/src/components/ToggleDarkModeButton.tsx
diff options
context:
space:
mode:
authorLibravatar Kristóf Marussy <kristof@marussy.com>2022-02-16 01:09:27 +0100
committerLibravatar Kristóf Marussy <kristof@marussy.com>2022-02-24 00:53:06 +0100
commit39231032ef9abfc3a90af7bf0460037aa220ce11 (patch)
tree0159913431d04689c5a988eb4d69e001486d9bac /packages/renderer/src/components/ToggleDarkModeButton.tsx
parentchore(deps): Bump dependencies (diff)
downloadsophie-39231032ef9abfc3a90af7bf0460037aa220ce11.tar.gz
sophie-39231032ef9abfc3a90af7bf0460037aa220ce11.tar.zst
sophie-39231032ef9abfc3a90af7bf0460037aa220ce11.zip
feat: Basic location bar
Still needs adding event handlers to actually navigate the browser. Signed-off-by: Kristóf Marussy <kristof@marussy.com>
Diffstat (limited to 'packages/renderer/src/components/ToggleDarkModeButton.tsx')
-rw-r--r--packages/renderer/src/components/ToggleDarkModeButton.tsx43
1 files changed, 0 insertions, 43 deletions
diff --git a/packages/renderer/src/components/ToggleDarkModeButton.tsx b/packages/renderer/src/components/ToggleDarkModeButton.tsx
deleted file mode 100644
index 695756a..0000000
--- a/packages/renderer/src/components/ToggleDarkModeButton.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
1/*
2 * Copyright (C) 2021-2022 Kristóf Marussy <kristof@marussy.com>
3 *
4 * This file is part of Sophie.
5 *
6 * Sophie is free software: you can redistribute it and/or modify
7 * it under the terms of the GNU Affero General Public License as
8 * published by the Free Software Foundation, version 3.
9 *
10 * This program is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 * GNU Affero General Public License for more details.
14 *
15 * You should have received a copy of the GNU Affero General Public License
16 * along with this program. If not, see <https://www.gnu.org/licenses/>.
17 *
18 * SPDX-License-Identifier: AGPL-3.0-only
19 */
20
21import DarkModeIcon from '@mui/icons-material/DarkMode';
22import LightModeIcon from '@mui/icons-material/LightMode';
23import IconButton from '@mui/material/IconButton';
24import { observer } from 'mobx-react-lite';
25import React from 'react';
26
27import { useStore } from './StoreProvider';
28
29export default observer(() => {
30 const store = useStore();
31 const {
32 shared: { shouldUseDarkColors },
33 } = store;
34
35 return (
36 <IconButton
37 aria-label="Toggle dark mode"
38 onClick={() => store.toggleDarkMode()}
39 >
40 {shouldUseDarkColors ? <LightModeIcon /> : <DarkModeIcon />}
41 </IconButton>
42 );
43});