android: add long-press reaction and context action menu
Some checks are pending
CI / test (push) Has started running
Some checks are pending
CI / test (push) Has started running
This commit is contained in:
@@ -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.
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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.
|
||||
|
||||
Reference in New Issue
Block a user