From 99864081035c420f27dacad602c389827037884b Mon Sep 17 00:00:00 2001
From: James Rich <2199651+jamesarich@users.noreply.github.com>
Date: Sat, 14 Dec 2024 14:47:14 -0600
Subject: [PATCH] Refactor: Display replying message in a card with cancel
 button

---
 .../com/geeksville/mesh/ui/message/Message.kt | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/app/src/main/java/com/geeksville/mesh/ui/message/Message.kt b/app/src/main/java/com/geeksville/mesh/ui/message/Message.kt
index 7e0184cf4..4d796d5d3 100644
--- a/app/src/main/java/com/geeksville/mesh/ui/message/Message.kt
+++ b/app/src/main/java/com/geeksville/mesh/ui/message/Message.kt
@@ -36,6 +36,7 @@ import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.AlertDialog
 import androidx.compose.material.Button
 import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Card
 import androidx.compose.material.Icon
 import androidx.compose.material.IconButton
 import androidx.compose.material.MaterialTheme
@@ -49,6 +50,7 @@ import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material.icons.automirrored.twotone.Reply
 import androidx.compose.material.icons.automirrored.twotone.Send
+import androidx.compose.material.icons.filled.Cancel
 import androidx.compose.material.icons.filled.ContentCopy
 import androidx.compose.material.icons.filled.Delete
 import androidx.compose.material.icons.filled.SelectAll
@@ -269,7 +271,27 @@ internal fun MessageScreen(
                 }
                 val isReply = replyingTo != null
                 if (isReply) {
-                    Text("Replying to: ${replyingTo?.text}")
+                    Card {
+                        Row(
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .padding(8.dp),
+                            verticalAlignment = Alignment.CenterVertically
+                        ) {
+                            Text(
+                                text = "Replying to: ${replyingTo?.text}",
+                                modifier = Modifier
+                                    .weight(1f)
+                                    .padding(8.dp)
+                            )
+                            IconButton(onClick = { replyingTo = null }) {
+                                Icon(
+                                    imageVector = Icons.Default.Cancel,
+                                    contentDescription = "Cancel"
+                                )
+                            }
+                        }
+                    }
                 }
                 TextInput(isConnected, isReply, messageInput) { message ->
                     if (isReply) {
@@ -464,7 +486,8 @@ private fun TextInput(
                 .weight(1f)
                 .onFocusEvent { isFocused = it.isFocused },
             enabled = enabled,
-            placeholder = { Text(
+            label = {
+                Text(
                 text = if (isReply) {
                     stringResource(id = R.string.send_reply)
                 } else {