android: add long-press reaction and context action menu
Some checks are pending
CI / test (push) Has started running

This commit is contained in:
Codex
2026-03-09 14:26:47 +03:00
parent 5c3535ef8f
commit a5a940b749
3 changed files with 83 additions and 3 deletions

View File

@@ -247,3 +247,9 @@
- Added invite token extraction from incoming intents (`query token` and `/join/{token}` path formats).
- Wired deep link token into `MessengerNavHost -> ChatListRoute -> ChatListViewModel` auto-join flow.
- Removed manual `Invite token` input row from chat list screen.
### Step 41 - Chat UI / long-press action menu
- Added long-press message action card in `ChatScreen` with quick reactions.
- Added context actions from long-press: reply, edit, forward, delete, select, close.
- Added placeholder disabled pin action in the menu to keep action set consistent with Telegram-like flow.
- Updated Telegram UI batch-2 checklist items for long-press reactions and context menu.

View File

@@ -122,6 +122,7 @@ fun ChatScreen(
) {
var viewerImageUrl by remember { mutableStateOf<String?>(null) }
var dismissedPinnedMessageId by remember { mutableStateOf<Long?>(null) }
var actionMenuMessage by remember { mutableStateOf<MessageItem?>(null) }
Column(
modifier = Modifier
.fillMaxSize()
@@ -239,6 +240,7 @@ fun ChatScreen(
reactions = state.reactionByMessageId[message.id].orEmpty(),
onAttachmentImageClick = { imageUrl -> viewerImageUrl = imageUrl },
onClick = {
actionMenuMessage = null
if (state.actionState.mode == MessageSelectionMode.MULTI) {
onToggleMessageMultiSelection(message)
}
@@ -247,7 +249,8 @@ fun ChatScreen(
if (state.actionState.mode == MessageSelectionMode.MULTI) {
onToggleMessageMultiSelection(message)
} else {
onEnterMultiSelect(message)
onSelectMessage(message)
actionMenuMessage = message
}
},
)
@@ -256,6 +259,77 @@ fun ChatScreen(
}
}
if (actionMenuMessage != null && state.actionState.mode != MessageSelectionMode.MULTI) {
val selected = actionMenuMessage
if (selected != null) {
Column(
modifier = Modifier
.fillMaxWidth()
.background(MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.96f))
.padding(horizontal = 12.dp, vertical = 8.dp),
verticalArrangement = Arrangement.spacedBy(8.dp),
) {
Row(horizontalArrangement = Arrangement.spacedBy(6.dp)) {
listOf("👍", "❤️", "🔥", "😂").forEach { emoji ->
Button(
onClick = {
onSelectMessage(selected)
onToggleReaction(emoji)
actionMenuMessage = null
},
) { Text(emoji) }
}
}
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.spacedBy(8.dp),
) {
Button(
onClick = {
onReplySelected(selected)
actionMenuMessage = null
},
) { Text("Reply") }
Button(
onClick = {
onEditSelected(selected)
actionMenuMessage = null
},
enabled = state.selectedCanEdit,
) { Text("Edit") }
Button(
onClick = {
onSelectMessage(selected)
onForwardSelected()
actionMenuMessage = null
},
) { Text("Forward") }
Button(
onClick = {
onSelectMessage(selected)
onDeleteSelected(false)
actionMenuMessage = null
},
) { Text("Delete") }
}
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.SpaceBetween,
) {
Button(onClick = { onEnterMultiSelect(selected); actionMenuMessage = null }) {
Text("Select")
}
Button(onClick = {}, enabled = false) {
Text("Pin")
}
Button(onClick = { actionMenuMessage = null }) {
Text("Close")
}
}
}
}
}
if (state.actionState.hasSelection) {
Row(
modifier = Modifier

View File

@@ -21,8 +21,8 @@
- [ ] Outgoing/incoming voice bubble отличаются по цвету/тональности как у text bubbles.
## P0 — Message Actions + Reactions
- [ ] Long press открывает reaction bar над сообщением (emoji + "expand").
- [ ] Контекстное меню действий (reply/save/forward/pin/delete) в floating dark card.
- [x] Long press открывает reaction bar над сообщением (emoji + "expand").
- [x] Контекстное меню действий (reply/save/forward/pin/delete) в floating dark card.
- [x] Режим multi-select:
- [x] Верхняя панель (close/count/actions).
- [x] Нижняя action bar (reply/forward) в виде rounded pills.