Finished design and added fake users for testing
This commit is contained in:
parent
8fdd6c0b1f
commit
4a864e1ab5
1 changed files with 20 additions and 2 deletions
|
@ -1,16 +1,34 @@
|
|||
import BasicWindow from "../../Components/BasicWindow";
|
||||
import Button from "../../Components/Button";
|
||||
import BackButton from "../../Components/BackButton";
|
||||
import { UserListAdmin } from "../../Components/UserListAdmin";
|
||||
import { User } from "../../Types/Users";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
|
||||
function AdminManageUsers(): JSX.Element {
|
||||
const content = <></>;
|
||||
//TODO: Change so that it reads users from database
|
||||
const users: User[] = [];
|
||||
for (let i = 1; i <= 20; i++) {
|
||||
users.push({ id: i, userName: "Example User " + i });
|
||||
}
|
||||
|
||||
const navigate = useNavigate();
|
||||
|
||||
const content = (
|
||||
<>
|
||||
<h1 className="font-bold text-[30px] mb-[20px]">Manage Users</h1>
|
||||
<div className="border-4 border-black bg-white flex flex-col items-center h-[65vh] w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
|
||||
<UserListAdmin users={users} />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
|
||||
const buttons = (
|
||||
<>
|
||||
<Button
|
||||
text="Add User"
|
||||
onClick={(): void => {
|
||||
return;
|
||||
navigate("/admin-add-user");
|
||||
}}
|
||||
/>
|
||||
<BackButton />
|
||||
|
|
Loading…
Reference in a new issue