fixed admins permissions

client/src/api/contactsApi.tsx

@@ -1,4 +1,4 @@
-import { ChatMessagesProps, ContactsProps } from '@/types/types.ts';
+import { ChatMessagesProps } from '@/types/types.ts';
 import { axiosClient } from '@/utils/axiosClient.ts';
 
 export async function sendContact(contact: string) {

client/src/components/chat/chatArea/MessageElement.tsx

@@ -42,8 +42,8 @@ const MessageElement = ({ onDelete, message }: AnimatedMessageProps) => {
 
   const canDelete =
     me.isGroupOwner ||
-    message.sender === user?.username ||
-    (me.isGroupAdmin && me.isGroupOwner && message.sender_id !== groupOwner);
+    (me.isGroupAdmin && message.sender_id !== groupOwner) ||
+    message.sender === user?.username;
 
   return (
     <li
@@ -53,7 +53,7 @@ const MessageElement = ({ onDelete, message }: AnimatedMessageProps) => {
       <div className="flex items-center justify-between">
         <div className="max-w-full">
           <div className="flex items-baseline space-x-2">
-            <span className="font-bold text-gray-200">{message.sender}</span>
+            <span className="font-bold text-emerald-300">{message.sender}</span>
             <span
               className="text-gray-600 text-[11px] antialiased font-sans font-semibold"
               title={`${fullDate} (${timeAgo})`}

client/src/components/chat/rightSidebar/ParticipantsBar.tsx

@@ -104,7 +104,7 @@ function ParticipantsBar() {
       setGroupOwner(whoIsOwner?.user_id);
       setMe({ isGroupAdmin: userIsAdmin, isGroupOwner: userIsOwner });
     }
-  }, [participants, user?.id]);
+  }, [participants, user?.id, currentContact]);
 
   useEffect(() => {
     if (currentContact) {

client/src/context/chat/ChatProvider.tsx

@@ -119,11 +119,13 @@ export const ChatProvider = ({ children }: { children: ReactNode }) => {
     try {
       const messages = await getMessages(contact, cursor, 50);
       if (messages.messages.length < 50) {
+        //TODO zmien to zeby byla jakas stala domyslna dla kursora
         setHasMoreMessages(false);
         setErrorMessage('No more messages found');
       }
       messages.messages.forEach((msg) => {
         setMessages((prevMessages) => {
+          // Filter already existing messages
           if (!prevMessages.some((m) => m.message_id === msg.message_id)) {
             const messageWithDate = {
               ...msg,