refactor(channels): use clickable OutlinedTextField

app/src/main/java/com/geeksville/mesh/ui/components/ClickableTextField.kt

@@ -0,0 +1,41 @@
+package com.geeksville.mesh.ui.components
+
+import androidx.annotation.StringRes
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.interaction.collectIsPressedAsState
+import androidx.compose.material.Icon
+import androidx.compose.material.OutlinedTextField
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.res.stringResource
+
+@Composable
+fun ClickableTextField(
+    @StringRes label: Int,
+    enabled: Boolean,
+    trailingIcon: ImageVector,
+    value: String,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    isError: Boolean = false,
+) {
+    val source = remember { MutableInteractionSource() }
+    val isPressed by source.collectIsPressedAsState()
+    if (isPressed) onClick()
+
+    OutlinedTextField(
+        value,
+        onValueChange = {},
+        enabled = enabled,
+        readOnly = true,
+        label = { Text(stringResource(label)) },
+        trailingIcon = { Icon(trailingIcon, null) },
+        isError = isError,
+        interactionSource = source,
+        modifier = modifier,
+    )
+}