Loading...
;
+
return (
-
+
+
+
+
+
{headerProfile?.username}
+
Testing Chatbot.
+
+
+ {/*
*/}
+
+
+ {chat.messages.map((message) => {
+ {/* {messages.map(message => { */ }
+ // pick the right text for this user (or fall back)
+ const ADMIN_USER_ID = "aqCzCkdzXXgio3Ws2lAnzciS0vl2";
+ const isBotMessage = message.senderId === botId;
+ const isAdmin = currentUser.id === ADMIN_USER_ID;
+
+ const lookupKey = (isAdmin && isBotMessage)
+ ? botId
+ : currentUser.id;
+
+ const displayText =
+ message.translations?.[currentUser.id]
+ || message.translations?.[lookupKey]
+ || message.text;
+
+ const isOwn =
+ message.senderId === currentUser.id ||
+ (isAdmin && isBotMessage);
+
+ return (
+
+
+ {message.img &&
}
+
{displayText}
+
{format(message.createdAt.toDate())}
+
+
+ );
+ })}
+ {img.url && (
+
+
+
+
+
+ )}
+
+
+
+
+
setText(e.target.value)}
+ onKeyDown={(e) => {
+ if (e.key === "Enter" && !e.shiftKey) {
+ e.preventDefault();
+ handleSend();
+ }
+ }}
+ disabled={isCurrentUserBlocked || isReceiverBlocked}
+ />
+
+
setOpen((prev) => !prev)}
+ />
+
+
+
+
+
+
+
+
+
+
+
setInput(e.target.value)}
+ />
+
+ {/*
setAddMode((prev) => !prev)}
+ /> */}
+
+
+ {filteredChats.map((chat) => (
+
handleSelect(chat)}
+ style={{
+ backgroundColor: chat?.isSeen ? "transparent" : "#5183fe",
+ }}
+ >
+
+
+
+ {chat.user.blocked?.includes(currentUser.id) || currentUser.blocked?.includes(chat.user.id)
+ ? "User"
+ : chat.user.username}
+
+
{chat.lastMessage}
+
+
+ ))}
+
+ {/* {addMode &&
} */}
+
+ 
+ 
+ 
+ 
*/}
+ 
+ 
+ 
+ 
+ 
+