benya/Messenger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): media preview labels and burger menu interactions
Some checks failed
CI / test (push) Failing after 19s
Details

Browse Source 
- show emoji+media type in chat list preview

- prevent burger menu from closing immediately via event propagation
This commit is contained in:
Alex
2026-03-08 11:03:16 +03:00
parent 99e7c70901
commit 663df37d92
1 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/components/ChatList.tsx
View File

@@ -173,9 +173,20 @@ export function ChatList() {
<aside className="relative flex h-full w-full flex-col bg-slate-900/60" onClick={() => { setCtxChatId(null); setCtxPos(null); setMenuOpen(false); }}>
<div className="border-b border-slate-700/50 px-3 py-3">
<div className="relative mb-2 flex items-center gap-2">
<button className="rounded-lg bg-slate-700/70 px-2 py-2 text-xs" onClick={() => setMenuOpen((v) => !v)}>☰</button>
<button
className="rounded-lg bg-slate-700/70 px-2 py-2 text-xs"
onClick={(e) => {
e.stopPropagation();
setMenuOpen((v) => !v);
}}
>
☰
</button>
{menuOpen ? (
<div className="absolute left-0 top-11 z-40 w-56 rounded-xl border border-slate-700/80 bg-slate-900/95 p-1 shadow-2xl">
<div
className="absolute left-0 top-11 z-40 w-56 rounded-xl border border-slate-700/80 bg-slate-900/95 p-1 shadow-2xl"
onClick={(e) => e.stopPropagation()}
>
<button className="block w-full rounded px-3 py-2 text-left text-sm hover:bg-slate-800" onClick={() => { setProfileOpen(true); setMenuOpen(false); }}>
My Profile
</button>
@@ -569,17 +580,17 @@ function chatPreviewLabel(chat: {
online_count?: number | null;
subscribers_count?: number | null;
}): string {
if (chat.last_message_type && chat.last_message_type !== "text") {
if (chat.last_message_type === "image") return "🖼 Photo";
if (chat.last_message_type === "video") return "🎬 Video";
if (chat.last_message_type === "audio") return "🎵 Audio";
if (chat.last_message_type === "voice") return "🎤 Voice message";
if (chat.last_message_type === "file") return "📎 File";
if (chat.last_message_type === "circle_video") return "🎥 Video message";
}
if (chat.last_message_text?.trim()) {
return chat.last_message_text.trim();
}
if (chat.last_message_type) {
if (chat.last_message_type === "image") return "Photo";
if (chat.last_message_type === "video") return "Video";
if (chat.last_message_type === "audio") return "Audio";
if (chat.last_message_type === "voice") return "Voice message";
if (chat.last_message_type === "file") return "File";
if (chat.last_message_type === "circle_video") return "Video message";
}
return chatMetaLabel(chat);
}