generated from lucien/api-template
add: generalized css classes and added a dark mode
This commit is contained in:
parent
9806fc3b3c
commit
4ca8a21477
28 changed files with 101 additions and 297 deletions
|
@ -4,8 +4,6 @@ import { User, Users } from "../types"
|
|||
import axios from "axios"
|
||||
import TopBar from "../components/TopBar"
|
||||
|
||||
import "../styles/UsersPage.css"
|
||||
|
||||
export default function UsersPage({socket}: {socket: WebSocket}) {
|
||||
const [users, setUsers] = useState<Users>();
|
||||
const [search, setSearch] = useState<string>("");
|
||||
|
@ -64,9 +62,9 @@ export default function UsersPage({socket}: {socket: WebSocket}) {
|
|||
|
||||
if (!users) {
|
||||
return (
|
||||
<div className="users-page">
|
||||
<div className="forum-page">
|
||||
<TopBar user={thisUser} />
|
||||
<div className="users-page-users">
|
||||
<div className="forum-section">
|
||||
<h2>Users</h2>
|
||||
<p>Loading...</p>
|
||||
</div>
|
||||
|
@ -75,9 +73,9 @@ export default function UsersPage({socket}: {socket: WebSocket}) {
|
|||
}
|
||||
|
||||
return (
|
||||
<div className="users-page">
|
||||
<div className="forum-page">
|
||||
<TopBar user={thisUser} />
|
||||
<div className="users-page-users">
|
||||
<div className="forum-section">
|
||||
<h2>Users</h2>
|
||||
<input
|
||||
type="text"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue