Mathias/MCDashWrapper
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the App.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2024-02-15 18:27:21 +01:00
parent 3ea28294cb
commit 95489a22db
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
webui/src/App.jsx
View File

@ -1,14 +1,20 @@
import i18n from "./i18n.js";
import {useState} from "react";
import React, {useContext, useState} from "react";
import {createBrowserRouter, RouterProvider} from "react-router-dom";
import {routes} from "@/common/routes/server.jsx";
import Root from "@/states/Root/index.js";
import {TokenProvider} from "@/common/contexts/Token";
import {ServerProvider} from "@/common/contexts/Server";
import Login from "@/states/Login";
import {CssBaseline, ThemeProvider} from "@mui/material";
import LightTheme from "@/common/themes/light.js";
import DarkTheme from "@/common/themes/dark.js";
import {SettingsContext} from "@/common/contexts/Settings";
export default () => {
const [translationsLoaded, setTranslationsLoaded] = useState(false);
const {theme} = useContext(SettingsContext);
const router = createBrowserRouter([
{path: "/login", element: <Login />},
@ -21,9 +27,13 @@ export default () => {
return (
<>
<TokenProvider>
<RouterProvider router={router} />
</TokenProvider>
<ThemeProvider theme={theme === "dark" ? DarkTheme : LightTheme}>
<CssBaseline />
<TokenProvider>
<RouterProvider router={router} />
</TokenProvider>
</ThemeProvider>
</>
)
}