added system user control for opposite user

Author: sedanurakcil

components/ChatHeader/index.tsx

@@ -32,8 +32,12 @@ const ChatHeader = ({
   const oppositeUserId = room
     ? room.groupName
       ? null
-      : room.participants.find((id) => id !== selfUser?._id)
-    : participants?.find((id) => id !== selfUser?._id);
+      : room.participants.find(
+          (id) => id !== selfUser?._id && !id.startsWith("system"),
+        )
+    : participants?.find(
+        (id) => id !== selfUser?._id && !id.startsWith("system"),
+      );
   const oppositeUser = users.find(({ _id }) => _id === oppositeUserId);
 
   const renderMembersOrOnline = () => {

components/MessageList/index.tsx

@@ -79,7 +79,7 @@ const MessageList = ({ onPress }: MessageListProps) => {
       return room.groupName.toLowerCase();
     } else {
       const oppositeUserId = room.participants.find(
-        (id) => id !== selfUser?._id,
+        (id) => id !== selfUser?._id && !id.startsWith("system"),
       );
       return (
         users

components/RoomCard/index.tsx

@@ -120,7 +120,9 @@ const RoomCard = ({ room, onClickAction }: RoomCardProps) => {
 
   const oppositeUserId = room.groupName
     ? null
-    : room.participants.find((id) => id !== selfUser?._id);
+    : room.participants.find(
+        (id) => id !== selfUser?._id && !id.startsWith("system"),
+      );
   const oppositeUser = oppositeUserId
     ? users.find((user: UserProps) => user._id === oppositeUserId)
     : null;