summaryrefslogtreecommitdiffstats
path: root/src/components/App
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/App')
-rw-r--r--src/components/App/App.tsx18
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 @@
1import * as React from "react"; 1import * as React from "react";
2import { ReactElement, useContext, useEffect, useMemo, useState } from "react"; 2import { ReactElement, useContext, useEffect } from "react";
3import useRequests from "~/hooks/useRequests";
4 3
5import styles from "~/components/App/App.module.scss"; 4import styles from "~/components/App/App.module.scss";
6import RequestDetails from "~/components/RequestDetails/RequestDetails"; 5import RequestDetails from "~/components/RequestDetails/RequestDetails";
7import { getHost } from "~/utils";
8import { Container, Nav, Navbar, NavDropdown } from "react-bootstrap"; 6import { Container, Nav, Navbar, NavDropdown } from "react-bootstrap";
9import classNames from "classnames"; 7import classNames from "classnames";
10import Sliders from "~/components/Icons/Sliders"; 8import Sliders from "~/components/Icons/Sliders";
11import Sun from "~/components/Icons/Sun"; 9import Sun from "~/components/Icons/Sun";
12import Moon from "~/components/Icons/Moon"; 10import Moon from "~/components/Icons/Moon";
13import Trash from "~/components/Icons/Trash"; 11import Trash from "~/components/Icons/Trash";
14import { DarkModeContext } from "~/contexts/DarkMode"; 12import { SettingsContext } from "~/contexts/Settings";
15import RequestList from "~/components/RequestList/RequestList"; 13import RequestList from "~/components/RequestList/RequestList";
16import { Call, ReadyState } from "~/types"; 14import { ReadyState } from "~/types";
17import { ConnectionContext } from "~/contexts/Connection"; 15import { ConnectionContext } from "~/contexts/Connection";
18 16
19interface Config {
20 url: string;
21}
22
23interface SettingsMenu { 17interface SettingsMenu {
24 icon: ReactElement; 18 icon: ReactElement;
25 label: string; 19 label: string;
@@ -48,8 +42,8 @@ const statusTextMap: ReadyStateMap = {
48}; 42};
49 43
50export default function App() { 44export 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 },