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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user