描述

When there are unsent messages in the outbox, we should allow viewing them in the drafts overlay. We can have two tabs:

Drafts ({draft count})
Outbox ({outbox count})

The tabs should be shown only if the outbox is not empty. Tabs should be styled as in the user profile modal.

New Outbox tab

We should show all the messages in the outbox, most recent on top. Each message should have the same resend and cancel action buttons as in the message feed:

Screenshot 2025-01-10 at 08 37 47@2x

We should also implement checkbox selection functionality, as for drafts:

Can select each message, or "Select all messages".
Rather than a "delete" button, we'll have the two resend/cancel buttons that can be applied to all selected messages.

When working on this feature, please post screenshots in #design for feedback.

Notes

We should think about what to do when a message hasn't been rejected, but also hasn't been received from the server after a long delay. See #3212.

CZO thread

貢獻者指南

技術棧: javascripttypescriptreacthtmlcss
領域: frontend
議題類型: feature
難度: 3
預計時間: 1-2 days
活動狀態: blocked
清晰度: clear
前置要求: Familiarity with Zulip's frontend codebaseUnderstanding of drafts overlayBasic knowledge of React
新手友善度: 25
研究方向: This issue is currently assigned and involves adding a new 'Outbox' tab to the drafts overlay. To begin, review the existing drafts overlay component (likely in `static/js/`). Study how the message feed implements resend/cancel buttons and checkbox selection. The PR #3212 is referenced for handling undelivered messages. Since the issue has an assignee, it is not recommended for first time contributors.