feat: add dialog for message status information

app/src/main/java/com/geeksville/mesh/ui/DeviceSettingsFragment.kt

@@ -33,6 +33,7 @@ import androidx.compose.material.TopAppBar
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material.icons.automirrored.twotone.KeyboardArrowRight
+import androidx.compose.material.icons.twotone.Warning
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
@@ -42,7 +43,6 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.ComposeView
 import androidx.compose.ui.platform.ViewCompositionStrategy
-import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
@@ -686,15 +686,15 @@ private fun NavButton(@StringRes title: Int, enabled: Boolean, onClick: () -> Un
                 horizontalArrangement = Arrangement.Center,
             ) {
                 Icon(
-                    painterResource(R.drawable.ic_twotone_warning_24),
-                    "warning",
+                    imageVector = Icons.TwoTone.Warning,
+                    contentDescription = "warning",
                     modifier = Modifier.padding(end = 8.dp)
                 )
                 Text(
                     text = "${stringResource(title)}?\n")
                 Icon(
-                    painterResource(R.drawable.ic_twotone_warning_24),
-                    "warning",
+                    imageVector = Icons.TwoTone.Warning,
+                    contentDescription = "warning",
                     modifier = Modifier.padding(start = 8.dp)
                 )
             }

app/src/main/java/com/geeksville/mesh/ui/MessageItem.kt

@@ -3,6 +3,7 @@ package com.geeksville.mesh.ui
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.combinedClickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
@@ -20,14 +21,19 @@ import androidx.compose.material.LocalTextStyle
 import androidx.compose.material.MaterialTheme
 import androidx.compose.material.Surface
 import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.twotone.Cloud
+import androidx.compose.material.icons.twotone.CloudDone
+import androidx.compose.material.icons.twotone.CloudOff
+import androidx.compose.material.icons.twotone.CloudUpload
+import androidx.compose.material.icons.twotone.HowToReg
+import androidx.compose.material.icons.twotone.Warning
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.res.colorResource
 import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.res.vectorResource
 import androidx.compose.ui.text.SpanStyle
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
@@ -54,6 +60,7 @@ internal fun MessageItem(
     onClick: () -> Unit = {},
     onLongClick: () -> Unit = {},
     onChipClick: () -> Unit = {},
+    onStatusClick: () -> Unit = {},
 ) {
     val fromLocal = shortName == null
     val messageColor = if (fromLocal) R.color.colorMyMsg else R.color.colorMsg
@@ -134,18 +141,19 @@ internal fun MessageItem(
                             fontSize = MaterialTheme.typography.caption.fontSize,
                         )
                         AnimatedVisibility(visible = fromLocal) {
-                            val icon = when (messageStatus) {
-                                MessageStatus.RECEIVED -> R.drawable.ic_twotone_how_to_reg_24
-                                MessageStatus.QUEUED -> R.drawable.ic_twotone_cloud_upload_24
-                                MessageStatus.DELIVERED -> R.drawable.cloud_on
-                                MessageStatus.ENROUTE -> R.drawable.ic_twotone_cloud_24
-                                MessageStatus.ERROR -> R.drawable.cloud_off
-                                else -> R.drawable.ic_twotone_warning_24
-                            }
                             Icon(
-                                imageVector = ImageVector.vectorResource(id = icon),
+                                imageVector = when (messageStatus) {
+                                    MessageStatus.RECEIVED -> Icons.TwoTone.HowToReg
+                                    MessageStatus.QUEUED -> Icons.TwoTone.CloudUpload
+                                    MessageStatus.DELIVERED -> Icons.TwoTone.CloudDone
+                                    MessageStatus.ENROUTE -> Icons.TwoTone.Cloud
+                                    MessageStatus.ERROR -> Icons.TwoTone.CloudOff
+                                    else -> Icons.TwoTone.Warning
+                                },
                                 contentDescription = stringResource(R.string.message_delivery_status),
-                                modifier = Modifier.padding(start = 8.dp),
+                                modifier = Modifier
+                                    .padding(start = 8.dp)
+                                    .clickable { onStatusClick() },
                             )
                         }
                     }

app/src/main/java/com/geeksville/mesh/ui/MessageListView.kt

@@ -9,11 +9,14 @@ import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Modifier
 import com.geeksville.mesh.DataPacket
 import com.geeksville.mesh.model.Message
+import com.geeksville.mesh.ui.components.SimpleAlertDialog
 import kotlinx.coroutines.FlowPreview
 import kotlinx.coroutines.flow.collectLatest
 import kotlinx.coroutines.flow.debounce
@@ -34,6 +37,13 @@ internal fun MessageListView(
     AutoScrollToBottom(listState, messages)
     UpdateUnreadCount(listState, messages, onUnreadChanged)
 
+    var showStatusDialog by remember { mutableStateOf<Message?>(null) }
+    if (showStatusDialog != null) {
+        val msg = showStatusDialog ?: return
+        val (title, text) = msg.getStatusStringRes()
+        SimpleAlertDialog(title = title, text = text) { showStatusDialog = null }
+    }
+
     LazyColumn(
         modifier = Modifier.fillMaxSize(),
         state = listState,
@@ -52,6 +62,7 @@ internal fun MessageListView(
                 onClick = { onClick(msg) },
                 onLongClick = { onLongClick(msg) },
                 onChipClick = { onChipClick(msg) },
+                onStatusClick = { showStatusDialog = msg }
             )
         }
     }