summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorGravatar Tom van der Lee <tom@vanderlee.io>2022-01-25 22:04:53 +0100
committerGravatar Tom van der Lee <tom@vanderlee.io>2022-01-25 22:06:58 +0100
commit0332136bfaf22bb1a6a95e8ff998ff0b68e7e2d1 (patch)
treefdb8e2c851e3739a99271b1e6c81ba75735d0db6
parentf69a7786da3ba21373574ee6c96371769a72ac42 (diff)
downloadclient-1.2.0.tar.gz
client-1.2.0.tar.bz2
client-1.2.0.zip
Fixed spellingv1.2.0
-rw-r--r--src/components/App/App.tsx3
-rw-r--r--src/hooks/useDarkMode.tsx15
2 files changed, 1 insertions, 17 deletions
diff --git a/src/components/App/App.tsx b/src/components/App/App.tsx
index 3f50f22..55ab5b4 100644
--- a/src/components/App/App.tsx
+++ b/src/components/App/App.tsx
@@ -11,7 +11,6 @@ import RequestSummary from "../RequestSummary/RequestSummary";
11import {getHost} from "../../utils"; 11import {getHost} from "../../utils";
12import {Container, ListGroup, Nav, Navbar, NavDropdown} from "react-bootstrap"; 12import {Container, ListGroup, Nav, Navbar, NavDropdown} from "react-bootstrap";
13import classNames from "classnames"; 13import classNames from "classnames";
14import useDarkMode from "../../hooks/useDarkMode";
15import {Sliders} from "../Icons/Sliders"; 14import {Sliders} from "../Icons/Sliders";
16import {Sun} from "../Icons/Sun"; 15import {Sun} from "../Icons/Sun";
17import {Moon} from "../Icons/Moon"; 16import {Moon} from "../Icons/Moon";
@@ -77,7 +76,7 @@ export default function App() {
77 { 76 {
78 onClick: toggle, 77 onClick: toggle,
79 icon: darkMode ? <Sun />: <Moon />, 78 icon: darkMode ? <Sun />: <Moon />,
80 label: darkMode ? "Light mode" : "DarkMode", 79 label: darkMode ? "Light mode" : "Dark mode",
81 }, 80 },
82 null, 81 null,
83 { 82 {
diff --git a/src/hooks/useDarkMode.tsx b/src/hooks/useDarkMode.tsx
deleted file mode 100644
index 18aea68..0000000
--- a/src/hooks/useDarkMode.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
1import {useEffect, useMemo, useState} from "react";
2import {ThemeConfig} from "bootstrap-darkmode";
3
4export interface UseDarkMode {
5 darkMode: boolean
6 toggle: () => void
7}
8
9export default function useDarkMode() {
10
11 return {
12 darkMode,
13 toggle: () => setDarkMode(dm => !dm),
14 }
15}