p0: hide invalid delete action for channel members

web/src/components/MessageList.tsx

@@ -132,6 +132,19 @@ export function MessageList() {
     () => selectedMessages.length > 0 && selectedMessages.every((m) => canDeleteForEveryone(m, activeChat, me?.id)),
     [selectedMessages, activeChat, me?.id]
   );
+  const canDeleteCurrentContextMessage = useMemo(() => {
+    if (!ctx) {
+      return false;
+    }
+    const message = messagesMap.get(ctx.messageId);
+    if (!message) {
+      return false;
+    }
+    if (channelOnlyDeleteForAll) {
+      return canDeleteForEveryone(message, activeChat, me?.id);
+    }
+    return true;
+  }, [ctx, messagesMap, channelOnlyDeleteForAll, activeChat, me?.id]);
 
   useEffect(() => {
     const onKeyDown = (event: KeyboardEvent) => {
@@ -684,16 +697,18 @@ export function MessageList() {
               >
                 Select
               </button>
-              <button
-                className="block w-full rounded px-2 py-1.5 text-left text-sm text-red-300 hover:bg-slate-800"
-                onClick={() => {
-                  setDeleteMessageId(ctx.messageId);
-                  setDeleteError(null);
-                  setCtx(null);
-                }}
-              >
-                Delete
-              </button>
+              {canDeleteCurrentContextMessage ? (
+                <button
+                  className="block w-full rounded px-2 py-1.5 text-left text-sm text-red-300 hover:bg-slate-800"
+                  onClick={() => {
+                    setDeleteMessageId(ctx.messageId);
+                    setDeleteError(null);
+                    setCtx(null);
+                  }}
+                >
+                  Delete
+                </button>
+              ) : null}
               <button className="block w-full rounded px-2 py-1.5 text-left text-sm hover:bg-slate-800" onClick={() => void handlePin(ctx.messageId)}>
                 Pin / Unpin
               </button>