33 lines
1010 B
TypeScript
33 lines
1010 B
TypeScript
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
|
|
import { MemoryRouter } from "react-router-dom"
|
|
import { SidepanelRouting } from "~routes"
|
|
import { ToastContainer } from "react-toastify"
|
|
import "react-toastify/dist/ReactToastify.css"
|
|
const queryClient = new QueryClient()
|
|
import "./css/tailwind.css"
|
|
import { ConfigProvider, theme } from "antd"
|
|
import { StyleProvider } from "@ant-design/cssinjs"
|
|
import { useDarkMode } from "~hooks/useDarkmode"
|
|
function IndexSidepanel() {
|
|
const { mode } = useDarkMode()
|
|
|
|
return (
|
|
<MemoryRouter>
|
|
<ConfigProvider
|
|
theme={{
|
|
algorithm:
|
|
mode === "dark" ? theme.darkAlgorithm : theme.defaultAlgorithm
|
|
}}>
|
|
<StyleProvider hashPriority="high">
|
|
<QueryClientProvider client={queryClient}>
|
|
<SidepanelRouting />
|
|
<ToastContainer />
|
|
</QueryClientProvider>
|
|
</StyleProvider>
|
|
</ConfigProvider>
|
|
</MemoryRouter>
|
|
)
|
|
}
|
|
|
|
export default IndexSidepanel
|