foxgirlriley/JellyGlass
1
0
Fork 0
Code Issues Pull requests Releases 2 Packages 1 Wiki Activity

prettied up the admin page

Browse source
This commit is contained in:
Fishandchips321 2026-03-08 19:43:09 +00:00
parent 5251ca6f99
commit d0fccf299a
2 changed files with 18 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/Pages/Admin/Admin.tsx
View file

@ -1,8 +1,7 @@
import { useEffect } from "react"; import { useEffect } from "react";
import ServerManagement from "./ServerManagement/ServerManagement";
import UserManagement from "./UserManagement/UserManagement";
import { IsCurrentUserAdmin } from "../../Lib/Auth"; import { IsCurrentUserAdmin } from "../../Lib/Auth";
import { useNavigate } from "react-router-dom"; import { Outlet, useNavigate } from "react-router-dom";
import { Button } from "react-bootstrap";
const Admin = () => { const Admin = () => {
@ -21,10 +20,16 @@ const Admin = () => {
}, [navigate]) }, [navigate])
return ( return (
<>
<div style={{ margin: "auto", maxWidth: "500px", display: "flex", flexDirection: "column", alignItems: "center", paddingTop: "20px" }}>
<h2>Admin</h2>
<div> <div>
<ServerManagement /> <Button style={{ marginRight: "10px" }} onClick={() => navigate("/admin/users")}>Manage Users</Button>
<UserManagement /> <Button onClick={() => navigate("/admin/servers")}>Manage Servers</Button>
</div> </div>
</div>
<Outlet />
</>
) )
} }

7
frontend/src/main.tsx
View file

@ -9,6 +9,8 @@ import Login from './Pages/Login/Login.tsx';
import Admin from './Pages/Admin/Admin.tsx'; import Admin from './Pages/Admin/Admin.tsx';
import NotFound from './Pages/NotFound/NotFound.tsx'; import NotFound from './Pages/NotFound/NotFound.tsx';
import ManageUser from './Pages/ManageUser/ManageUser.tsx'; import ManageUser from './Pages/ManageUser/ManageUser.tsx';
import ServerManagement from './Pages/Admin/ServerManagement/ServerManagement.tsx';
import UserManagement from './Pages/Admin/UserManagement/UserManagement.tsx';
createRoot(document.getElementById('root')!).render( createRoot(document.getElementById('root')!).render(
<StrictMode> <StrictMode>
@ -18,7 +20,10 @@ createRoot(document.getElementById('root')!).render(
<Route index={true} path="/" element={<Index />} /> <Route index={true} path="/" element={<Index />} />
<Route path="/search" element={<Search />} /> <Route path="/search" element={<Search />} />
<Route path="/login" element={<Login />} /> <Route path="/login" element={<Login />} />
<Route path="/admin" element={<Admin />} /> <Route path="/admin" element={<Admin />}>
<Route path="users" element={<UserManagement />} />
<Route path="servers" element={<ServerManagement />} />
</Route>
<Route path="/user" element={<ManageUser />} /> <Route path="/user" element={<ManageUser />} />
<Route path="*" element={<NotFound />} /> <Route path="*" element={<NotFound />} />
</Routes> </Routes>