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
|
@ -150,9 +150,9 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
|
|||
|
||||
if (noChannel) {
|
||||
return (
|
||||
<div className="channel-page">
|
||||
<div className="forum-page">
|
||||
<TopBar user={user} />
|
||||
<div className="channel">
|
||||
<div className="forum-section">
|
||||
<h2>Channel Not Found</h2>
|
||||
<p>Sorry, the channel you are looking for does not exist.</p>
|
||||
<Link to="/">Go back to the homepage</Link>
|
||||
|
@ -163,9 +163,9 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
|
|||
|
||||
if (!channel) {
|
||||
return (
|
||||
<div className="channel-page">
|
||||
<div className="forum-page">
|
||||
<TopBar user={user} />
|
||||
<div className="channel">
|
||||
<div className="forum-section">
|
||||
<p>Loading...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -173,9 +173,9 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
|
|||
}
|
||||
|
||||
return (
|
||||
<div className="channel-page">
|
||||
<div className="forum-page">
|
||||
<TopBar user={user} />
|
||||
<div className="channel">
|
||||
<div className="forum-section">
|
||||
<h2>Channel {channel.name}</h2>
|
||||
<p>{channel.description}</p>
|
||||
<p>Owner: <Link to={`/u/${channel.owner_username}`}>{channel.owner_username}</Link></p>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue