mirror/myspeed
1
0
Fork 0
mirror of https://github.com/gnmyt/myspeed.git synced 2026-02-08 22:48:36 -06:00
Code Issues Packages Projects Releases Wiki Activity

Implemented the ViewContext into the App.jsx

Browse Source
This commit is contained in:
Mathias Wagner
2023-02-20 01:32:00 +01:00
parent a70adae7e6
commit 758155f776
1 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
client/src/App.jsx
View File

@@ -5,11 +5,21 @@ import {SpeedtestProvider} from "./common/contexts/Speedtests";
import {ConfigProvider} from "./common/contexts/Config";
import {StatusProvider} from "./common/contexts/Status";
import {InputDialogProvider} from "@/common/contexts/InputDialog/InputDialog";
import {useState} from "react";
import {useContext, useState} from "react";
import i18n from './i18n';
import Loading from "@/pages/Loading";
import "@/common/styles/spinner.sass";
import Error from "@/pages/Error";
import {ViewContext, ViewProvider} from "@/common/contexts/View";
const MainContent = () => {
const [view] = useContext(ViewContext);
return (
<main>
{view === 0 && <Home/>}
</main>
);
}
const App = () => {
const [translationsLoaded, setTranslationsLoaded] = useState(false);
@@ -24,14 +34,14 @@ const App = () => {
{translationError && <Error text="Failed to load translations"/>}
{translationsLoaded && !translationError && <SpeedtestProvider>
<InputDialogProvider>
<ConfigProvider>
<StatusProvider>
<HeaderComponent/>
<main>
<Home/>
</main>
</StatusProvider>
</ConfigProvider>
<ViewProvider>
<ConfigProvider>
<StatusProvider>
<HeaderComponent/>
<MainContent/>
</StatusProvider>
</ConfigProvider>
</ViewProvider>
</InputDialogProvider>
</SpeedtestProvider>}
</>