From f4cfd8a9fed7561e81de41ab1815b8b9c6833934 Mon Sep 17 00:00:00 2001
From: Lukian <lulul7018@gmail.com>
Date: Mon, 21 Apr 2025 12:28:57 +0200
Subject: [PATCH] fix: fixed topbar and added emojis names

---
 front/src/components/TopBar.tsx | 1 +
 front/src/pages/ChannelPage.tsx | 1 +
 front/src/pages/EmojisPage.tsx  | 1 +
 front/src/styles/TopBar.css     | 2 +-
 4 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/front/src/components/TopBar.tsx b/front/src/components/TopBar.tsx
index 56eadfa..d5ac19d 100644
--- a/front/src/components/TopBar.tsx
+++ b/front/src/components/TopBar.tsx
@@ -45,6 +45,7 @@ export default function TopBar({ user }: { user: User | undefined }) {
                         <Link to="/">Home</Link>
                         <Link to="/channels">Channels</Link>
                         <Link to="/users">Users</Link>
+                        <Link to="/emojis">Emojis</Link>
                         {user ? (
                             <div className="burger-menu-user">
                                 <Link to={`/u/${user.username}`}>{user.username}</Link>
diff --git a/front/src/pages/ChannelPage.tsx b/front/src/pages/ChannelPage.tsx
index 33a164e..936a238 100644
--- a/front/src/pages/ChannelPage.tsx
+++ b/front/src/pages/ChannelPage.tsx
@@ -228,6 +228,7 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
                                 {searchedEmojis.map((emoji) => (
                                     <div key={emoji.id} className="search-emoji">
                                         <img src={`/api/emojis/${emoji.name}`} alt={emoji.name} className="emojis-emoji" />
+                                        <span>:{emoji.name}:</span>
                                         <button
                                             type="button"
                                             onClick={() => {
diff --git a/front/src/pages/EmojisPage.tsx b/front/src/pages/EmojisPage.tsx
index a5a54e3..1bcfbf0 100644
--- a/front/src/pages/EmojisPage.tsx
+++ b/front/src/pages/EmojisPage.tsx
@@ -93,6 +93,7 @@ export default function EmojisPage({socket}: {socket: WebSocket}) {
                     {emojis?.sort().filter((emoji) => emoji.name.toLowerCase().includes(search.toLowerCase())).map((emoji) => (
                         <li key={emoji.id}>
                             <img src={`/api/emojis/${emoji.name}`} alt={emoji.name} className="emoji" />
+                            <span>:{emoji.name}:</span>
                             {user?.admin == 1 && (
                                 <button onClick={() => deleteEmoji(emoji.name)}> 
                                     Delete
diff --git a/front/src/styles/TopBar.css b/front/src/styles/TopBar.css
index a8fa641..7b90273 100644
--- a/front/src/styles/TopBar.css
+++ b/front/src/styles/TopBar.css
@@ -46,7 +46,7 @@
     gap: 10px;
 }
 
-@media (max-width: 630px) {
+@media (max-width: 780px) {
     .topbar {
         flex-direction: column;
         align-items: center;