diff options
Diffstat (limited to 'src/components/App')
| -rw-r--r-- | src/components/App/App.tsx | 18 |
1 files changed, 6 insertions, 12 deletions
diff --git a/src/components/App/App.tsx b/src/components/App/App.tsx index ad36add..85119e6 100644 --- a/src/components/App/App.tsx +++ b/src/components/App/App.tsx | |||
| @@ -1,25 +1,19 @@ | |||
| 1 | import * as React from "react"; | 1 | import * as React from "react"; |
| 2 | import { ReactElement, useContext, useEffect, useMemo, useState } from "react"; | 2 | import { ReactElement, useContext, useEffect } from "react"; |
| 3 | import useRequests from "~/hooks/useRequests"; | ||
| 4 | 3 | ||
| 5 | import styles from "~/components/App/App.module.scss"; | 4 | import styles from "~/components/App/App.module.scss"; |
| 6 | import RequestDetails from "~/components/RequestDetails/RequestDetails"; | 5 | import RequestDetails from "~/components/RequestDetails/RequestDetails"; |
| 7 | import { getHost } from "~/utils"; | ||
| 8 | import { Container, Nav, Navbar, NavDropdown } from "react-bootstrap"; | 6 | import { Container, Nav, Navbar, NavDropdown } from "react-bootstrap"; |
| 9 | import classNames from "classnames"; | 7 | import classNames from "classnames"; |
| 10 | import Sliders from "~/components/Icons/Sliders"; | 8 | import Sliders from "~/components/Icons/Sliders"; |
| 11 | import Sun from "~/components/Icons/Sun"; | 9 | import Sun from "~/components/Icons/Sun"; |
| 12 | import Moon from "~/components/Icons/Moon"; | 10 | import Moon from "~/components/Icons/Moon"; |
| 13 | import Trash from "~/components/Icons/Trash"; | 11 | import Trash from "~/components/Icons/Trash"; |
| 14 | import { DarkModeContext } from "~/contexts/DarkMode"; | 12 | import { SettingsContext } from "~/contexts/Settings"; |
| 15 | import RequestList from "~/components/RequestList/RequestList"; | 13 | import RequestList from "~/components/RequestList/RequestList"; |
| 16 | import { Call, ReadyState } from "~/types"; | 14 | import { ReadyState } from "~/types"; |
| 17 | import { ConnectionContext } from "~/contexts/Connection"; | 15 | import { ConnectionContext } from "~/contexts/Connection"; |
| 18 | 16 | ||
| 19 | interface Config { | ||
| 20 | url: string; | ||
| 21 | } | ||
| 22 | |||
| 23 | interface SettingsMenu { | 17 | interface SettingsMenu { |
| 24 | icon: ReactElement; | 18 | icon: ReactElement; |
| 25 | label: string; | 19 | label: string; |
| @@ -48,8 +42,8 @@ const statusTextMap: ReadyStateMap = { | |||
| 48 | }; | 42 | }; |
| 49 | 43 | ||
| 50 | export default function App() { | 44 | export default function App() { |
| 51 | const { darkMode, toggle } = useContext(DarkModeContext); | 45 | const { darkMode, setSetting } = useContext(SettingsContext); |
| 52 | const { config, selectedCall, setSelectedCall, readyState, clear } = | 46 | const { config, setSelectedCall, readyState, clear } = |
| 53 | useContext(ConnectionContext); | 47 | useContext(ConnectionContext); |
| 54 | 48 | ||
| 55 | useEffect(() => { | 49 | useEffect(() => { |
| @@ -59,7 +53,7 @@ export default function App() { | |||
| 59 | 53 | ||
| 60 | const settingsMenu: (SettingsMenu | null)[] = [ | 54 | const settingsMenu: (SettingsMenu | null)[] = [ |
| 61 | { | 55 | { |
| 62 | onClick: toggle, | 56 | onClick: () => setSetting("darkMode", !darkMode), |
| 63 | icon: darkMode ? <Sun /> : <Moon />, | 57 | icon: darkMode ? <Sun /> : <Moon />, |
| 64 | label: darkMode ? "Light mode" : "Dark mode", | 58 | label: darkMode ? "Light mode" : "Dark mode", |
| 65 | }, | 59 | }, |
