Update App to integrate ToastProvider & UserManagement
This commit is contained in:
@@ -1,31 +1,34 @@
|
|||||||
import { createBrowserRouter, Navigate, RouterProvider } from "react-router-dom";
|
import {createBrowserRouter, Navigate, RouterProvider} from "react-router-dom";
|
||||||
import { UserProvider } from '@/common/contexts/UserContext.jsx';
|
import {UserProvider} from '@/common/contexts/UserContext.jsx';
|
||||||
|
import {ToastProvider} from '@/common/contexts/ToastContext.jsx';
|
||||||
import "@/common/styles/main.sass";
|
import "@/common/styles/main.sass";
|
||||||
import Root from "@/common/layouts/Root.jsx";
|
import Root from "@/common/layouts/Root.jsx";
|
||||||
|
import UserManagement from "@/pages/UserManagement";
|
||||||
import "@fontsource/plus-jakarta-sans/300.css";
|
import "@fontsource/plus-jakarta-sans/300.css";
|
||||||
import "@fontsource/plus-jakarta-sans/400.css";
|
import "@fontsource/plus-jakarta-sans/400.css";
|
||||||
import "@fontsource/plus-jakarta-sans/600.css";
|
import "@fontsource/plus-jakarta-sans/600.css";
|
||||||
import "@fontsource/plus-jakarta-sans/700.css";
|
import "@fontsource/plus-jakarta-sans/700.css";
|
||||||
import "@fontsource/plus-jakarta-sans/800.css";
|
import "@fontsource/plus-jakarta-sans/800.css";
|
||||||
|
|
||||||
const Placeholder = ({title}) => <div className="content"><h2 style={{fontSize:'1rem'}}>{title}</h2><p className="muted">Content coming soon.</p></div>;
|
const Placeholder = ({title}) => <div className="content"><h2 style={{fontSize: '1rem'}}>{title}</h2><p
|
||||||
|
className="muted">Content coming soon.</p></div>;
|
||||||
|
|
||||||
const App = () => {
|
const App = () => {
|
||||||
const router = createBrowserRouter([
|
const router = createBrowserRouter([
|
||||||
{
|
{
|
||||||
path: "/",
|
path: "/",
|
||||||
element: <Root />,
|
element: <Root/>,
|
||||||
children: [
|
children: [
|
||||||
{ path: "/", element: <Navigate to="/dashboard" /> },
|
{path: "/", element: <Navigate to="/dashboard"/>},
|
||||||
{ path: "/dashboard", element: <Placeholder title="Dashboard" /> },
|
{path: "/dashboard", element: <Placeholder title="Dashboard"/>},
|
||||||
{ path: "/servers", element: <Placeholder title="Servers" /> },
|
{path: "/servers", element: <Placeholder title="Servers"/>},
|
||||||
{ path: "/settings", element: <Placeholder title="Settings" /> },
|
{path: "/settings", element: <Placeholder title="Settings"/>},
|
||||||
{ path: "/admin/users", element: <Placeholder title="User Management" /> },
|
{path: "/admin/users", element: <UserManagement/>},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
|
|
||||||
return <UserProvider><RouterProvider router={router}/></UserProvider>;
|
return <UserProvider><ToastProvider><RouterProvider router={router}/></ToastProvider></UserProvider>;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default App;
|
export default App;
|
Reference in New Issue
Block a user