gorkem-bwl
c7107a5034
- Add comprehensive user guide with 10 documentation collections - Include 49 articles covering all Checkmate features - Implement sidebar navigation with search functionality - Support light/dark theme with proper color tokens - Add article content renderer with multiple block types - Include image lightbox for documentation screenshots
40 lines
1.1 KiB
React
40 lines
1.1 KiB
React
import { useEffect } from "react";
|
|
import { useSelector } from "react-redux";
|
|
import "react-toastify/dist/ReactToastify.css";
|
|
import { ToastContainer } from "react-toastify";
|
|
import { ThemeProvider } from "@emotion/react";
|
|
import lightTheme from "./Utils/Theme/lightTheme";
|
|
import darkTheme from "./Utils/Theme/darkTheme";
|
|
import { CssBaseline, GlobalStyles } from "@mui/material";
|
|
import { logger } from "./Utils/Logger"; // Import the logger
|
|
import { networkService } from "./main";
|
|
import { Routes } from "./Routes";
|
|
import AppLayout from "@/Components/v1/Layouts/AppLayout";
|
|
import { UserGuideSidebarProvider } from "@/Components/v1/UserGuide";
|
|
|
|
function App() {
|
|
const mode = useSelector((state) => state.ui.mode);
|
|
|
|
// Cleanup
|
|
useEffect(() => {
|
|
return () => {
|
|
logger.cleanup();
|
|
networkService.cleanup();
|
|
};
|
|
}, []);
|
|
|
|
return (
|
|
<ThemeProvider theme={mode === "light" ? lightTheme : darkTheme}>
|
|
<CssBaseline />
|
|
<UserGuideSidebarProvider>
|
|
<AppLayout>
|
|
<Routes />
|
|
</AppLayout>
|
|
</UserGuideSidebarProvider>
|
|
<ToastContainer />
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|