add: generalized css classes and added a dark mode

This commit is contained in:
Lukian 2025-04-27 00:29:26 +02:00
parent 9806fc3b3c
commit 4ca8a21477
28 changed files with 101 additions and 297 deletions

View file

@ -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"