lucien/tanuki-s-forum
1
0
Fork 0
generated from lucien/api-template
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: fixed topbar and added emojis names

Browse source
This commit is contained in:
Lukian 2025-04-21 12:28:57 +02:00
parent f326555c59
commit f4cfd8a9fe
4 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
front/src/components/TopBar.tsx
View file

@ -45,6 +45,7 @@ export default function TopBar({ user }: { user: User | undefined }) {
<Link to="/">Home</Link> <Link to="/">Home</Link>
<Link to="/channels">Channels</Link> <Link to="/channels">Channels</Link>
<Link to="/users">Users</Link> <Link to="/users">Users</Link>
<Link to="/emojis">Emojis</Link>
{user ? ( {user ? (
<div className="burger-menu-user"> <div className="burger-menu-user">
<Link to={`/u/${user.username}`}>{user.username}</Link> <Link to={`/u/${user.username}`}>{user.username}</Link>

1
front/src/pages/ChannelPage.tsx
View file

@ -228,6 +228,7 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
{searchedEmojis.map((emoji) => ( {searchedEmojis.map((emoji) => (
<div key={emoji.id} className="search-emoji"> <div key={emoji.id} className="search-emoji">
<img src={`/api/emojis/${emoji.name}`} alt={emoji.name} className="emojis-emoji" /> <img src={`/api/emojis/${emoji.name}`} alt={emoji.name} className="emojis-emoji" />
<span>:{emoji.name}:</span>
<button <button
type="button" type="button"
onClick={() => { onClick={() => {

1
front/src/pages/EmojisPage.tsx
View file

@ -93,6 +93,7 @@ export default function EmojisPage({socket}: {socket: WebSocket}) {
{emojis?.sort().filter((emoji) => emoji.name.toLowerCase().includes(search.toLowerCase())).map((emoji) => ( {emojis?.sort().filter((emoji) => emoji.name.toLowerCase().includes(search.toLowerCase())).map((emoji) => (
<li key={emoji.id}> <li key={emoji.id}>
<img src={`/api/emojis/${emoji.name}`} alt={emoji.name} className="emoji" /> <img src={`/api/emojis/${emoji.name}`} alt={emoji.name} className="emoji" />
<span>:{emoji.name}:</span>
{user?.admin == 1 && ( {user?.admin == 1 && (
<button onClick={() => deleteEmoji(emoji.name)}> <button onClick={() => deleteEmoji(emoji.name)}>
Delete Delete

2
front/src/styles/TopBar.css
View file

@ -46,7 +46,7 @@
gap: 10px; gap: 10px;
} }
@media (max-width: 630px) { @media (max-width: 780px) {
.topbar { .topbar {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;