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 { Emojis, User } from "../types"
|
|||
import axios from "axios"
|
||||
import TopBar from "../components/TopBar"
|
||||
|
||||
import "../styles/EmojisPage.css"
|
||||
|
||||
export default function EmojisPage({socket}: {socket: WebSocket}) {
|
||||
const [emojis, setEmojis] = useState<Emojis>();
|
||||
const [search, setSearch] = useState<string>("");
|
||||
|
@ -67,9 +65,9 @@ export default function EmojisPage({socket}: {socket: WebSocket}) {
|
|||
|
||||
if (!emojis) {
|
||||
return (
|
||||
<div className="emojis-page">
|
||||
<div className="forum-page">
|
||||
<TopBar user={user} />
|
||||
<div className="emojis-page-emojis">
|
||||
<div className="forum-section">
|
||||
<h2>Emojis</h2>
|
||||
<p>Loading...</p>
|
||||
</div>
|
||||
|
@ -78,10 +76,10 @@ export default function EmojisPage({socket}: {socket: WebSocket}) {
|
|||
}
|
||||
|
||||
return (
|
||||
<div className="emojis-page">
|
||||
<div className="forum-page">
|
||||
<TopBar user={user} />
|
||||
<div className="emojis-page-emojis">
|
||||
<h2>Channels</h2>
|
||||
<div className="forum-section">
|
||||
<h2>Emojis</h2>
|
||||
<Link to="/create-emoji">Create emoji</Link>
|
||||
<input
|
||||
type="text"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue