feat: Add contentColor parameter to info components (#3363)

Signed-off-by: James Rich <2199651+jamesarich@users.noreply.github.com>

feature/node/src/main/kotlin/org/meshtastic/feature/node/component/DistanceInfo.kt

@@ -19,20 +19,27 @@ package org.meshtastic.feature.node.component
 
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.rounded.SocialDistance
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.PreviewLightDark
 import org.meshtastic.core.strings.R
 import org.meshtastic.core.ui.theme.AppTheme
 
 @Composable
-fun DistanceInfo(distance: String, modifier: Modifier = Modifier) {
+fun DistanceInfo(
+    distance: String,
+    modifier: Modifier = Modifier,
+    contentColor: Color = MaterialTheme.colorScheme.onSurface,
+) {
     IconInfo(
         modifier = modifier,
         icon = Icons.Rounded.SocialDistance,
         contentDescription = stringResource(R.string.distance),
         text = distance,
+        contentColor = contentColor,
     )
 }
 

feature/node/src/main/kotlin/org/meshtastic/feature/node/component/ElevationInfo.kt

@@ -20,6 +20,7 @@ package org.meshtastic.feature.node.component
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import com.geeksville.mesh.ConfigProtos.Config.DisplayConfig.DisplayUnits
@@ -35,12 +36,14 @@ fun ElevationInfo(
     altitude: Int,
     system: DisplayUnits,
     suffix: String = stringResource(R.string.elevation_suffix),
+    contentColor: Color = MaterialTheme.colorScheme.onSurface,
 ) {
     IconInfo(
         modifier = modifier,
         icon = MeshtasticIcons.Elevation,
         contentDescription = stringResource(R.string.altitude),
         text = altitude.metersIn(system).toString(system) + " " + suffix,
+        contentColor = contentColor,
     )
 }
 

feature/node/src/main/kotlin/org/meshtastic/feature/node/component/IconInfo.kt

@@ -26,6 +26,7 @@ import androidx.compose.material3.Text
 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.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
@@ -40,6 +41,7 @@ fun IconInfo(
     contentDescription: String,
     modifier: Modifier = Modifier,
     text: String? = null,
+    contentColor: Color = MaterialTheme.colorScheme.onSurface,
     content: @Composable () -> Unit = {},
 ) {
     Row(
@@ -51,11 +53,9 @@ fun IconInfo(
             modifier = Modifier.size(SIZE_ICON.dp),
             imageVector = icon,
             contentDescription = contentDescription,
-            tint = MaterialTheme.colorScheme.onSurface,
+            tint = contentColor,
         )
-        text?.let {
-            Text(text = it, style = MaterialTheme.typography.labelMedium, color = MaterialTheme.colorScheme.onSurface)
-        }
+        text?.let { Text(text = it, style = MaterialTheme.typography.labelMedium, color = contentColor) }
         content()
     }
 }

feature/node/src/main/kotlin/org/meshtastic/feature/node/component/LastHeardInfo.kt

@@ -17,8 +17,10 @@
 
 package org.meshtastic.feature.node.component
 
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.res.vectorResource
@@ -28,12 +30,18 @@ import org.meshtastic.core.ui.R
 import org.meshtastic.core.ui.theme.AppTheme
 
 @Composable
-fun LastHeardInfo(modifier: Modifier = Modifier, lastHeard: Int, currentTimeMillis: Long) {
+fun LastHeardInfo(
+    modifier: Modifier = Modifier,
+    lastHeard: Int,
+    currentTimeMillis: Long,
+    contentColor: Color = MaterialTheme.colorScheme.onSurface,
+) {
     IconInfo(
         modifier = modifier,
         icon = ImageVector.vectorResource(id = R.drawable.ic_antenna_24),
         contentDescription = stringResource(org.meshtastic.core.strings.R.string.node_sort_last_heard),
         text = formatAgo(lastHeard, currentTimeMillis),
+        contentColor = contentColor,
     )
 }
 

feature/node/src/main/kotlin/org/meshtastic/feature/node/component/NodeItem.kt

@@ -32,7 +32,6 @@ import androidx.compose.foundation.layout.size
 import androidx.compose.material3.Card
 import androidx.compose.material3.CardDefaults
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
-import androidx.compose.material3.LocalTextStyle
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.material3.contentColorFor
@@ -95,9 +94,9 @@ fun NodeItem(
 
     val style =
         if (thatNode.isUnknownUser) {
-            LocalTextStyle.current.copy(fontStyle = FontStyle.Italic)
+            FontStyle.Italic
         } else {
-            LocalTextStyle.current
+            FontStyle.Normal
         }
 
     val unmessageable =
@@ -125,14 +124,15 @@ fun NodeItem(
                 Text(
                     modifier = Modifier.weight(1f),
                     text = longName,
-                    style =
-                    MaterialTheme.typography.titleMediumEmphasized.copy(
-                        color = MaterialTheme.colorScheme.onSurface,
-                    ),
+                    style = MaterialTheme.typography.titleMediumEmphasized.copy(fontStyle = style),
                     textDecoration = TextDecoration.LineThrough.takeIf { isIgnored },
                     softWrap = true,
                 )
-                LastHeardInfo(lastHeard = thatNode.lastHeard, currentTimeMillis = currentTimeMillis)
+                LastHeardInfo(
+                    lastHeard = thatNode.lastHeard,
+                    currentTimeMillis = currentTimeMillis,
+                    contentColor = contentColor,
+                )
                 NodeStatusIcons(
                     isThisNode = isThisNode,
                     isFavorite = isFavorite,
@@ -148,23 +148,28 @@ fun NodeItem(
                 horizontalArrangement = Arrangement.SpaceBetween,
                 verticalAlignment = Alignment.CenterVertically,
             ) {
-                MaterialBatteryInfo(level = thatNode.batteryLevel, voltage = thatNode.voltage)
+                MaterialBatteryInfo(
+                    level = thatNode.batteryLevel,
+                    voltage = thatNode.voltage,
+                    contentColor = contentColor,
+                )
                 Row(
                     horizontalArrangement = Arrangement.spacedBy(8.dp),
                     verticalAlignment = Alignment.CenterVertically,
                 ) {
                     if (distance != null) {
-                        DistanceInfo(distance = distance)
+                        DistanceInfo(distance = distance, contentColor = contentColor)
                     }
                     thatNode.validPosition?.let { position ->
                         ElevationInfo(
                             altitude = position.altitude,
                             system = system,
                             suffix = stringResource(id = R.string.elevation_suffix),
+                            contentColor = contentColor,
                         )
                         val satCount = position.satsInView
                         if (satCount > 0) {
-                            SatelliteCountInfo(satCount = satCount)
+                            SatelliteCountInfo(satCount = satCount, contentColor = contentColor)
                         }
                     }
                 }
@@ -175,7 +180,7 @@ fun NodeItem(
                 horizontalArrangement = Arrangement.spacedBy(8.dp),
                 itemVerticalAlignment = Alignment.CenterVertically,
             ) {
-                SignalInfo(node = thatNode, isThisNode = isThisNode)
+                SignalInfo(node = thatNode, isThisNode = isThisNode, contentColor = contentColor)
             }
             val telemetryStrings = thatNode.getTelemetryStrings(tempInFahrenheit)
 
@@ -183,11 +188,7 @@ fun NodeItem(
                 Spacer(modifier = Modifier.height(2.dp))
                 Row(modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {
                     telemetryStrings.forEach { telemetryString ->
-                        Text(
-                            text = telemetryString,
-                            color = MaterialTheme.colorScheme.onSurface,
-                            style = MaterialTheme.typography.bodySmall,
-                        )
+                        Text(text = telemetryString, style = MaterialTheme.typography.bodySmall, color = contentColor)
                     }
                 }
             }
@@ -199,12 +200,9 @@ fun NodeItem(
             ) {
                 val labelStyle =
                     if (thatNode.isUnknownUser) {
-                        MaterialTheme.typography.labelSmall.copy(
-                            fontStyle = FontStyle.Italic,
-                            color = MaterialTheme.colorScheme.onSurface,
-                        )
+                        MaterialTheme.typography.labelSmall.copy(fontStyle = FontStyle.Italic)
                     } else {
-                        MaterialTheme.typography.labelSmall.copy(color = MaterialTheme.colorScheme.onSurface)
+                        MaterialTheme.typography.labelSmall
                     }
                 Text(text = thatNode.user.hwModel.name, style = labelStyle)
                 Text(text = thatNode.user.role.name, style = labelStyle)

feature/node/src/main/kotlin/org/meshtastic/feature/node/component/SatelliteCountInfo.kt

@@ -19,19 +19,26 @@ package org.meshtastic.feature.node.component
 
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.twotone.SatelliteAlt
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.PreviewLightDark
 import org.meshtastic.core.ui.theme.AppTheme
 
 @Composable
-fun SatelliteCountInfo(modifier: Modifier = Modifier, satCount: Int) {
+fun SatelliteCountInfo(
+    modifier: Modifier = Modifier,
+    satCount: Int,
+    contentColor: Color = MaterialTheme.colorScheme.onSurface,
+) {
     IconInfo(
         modifier = modifier,
         icon = Icons.TwoTone.SatelliteAlt,
         contentDescription = stringResource(org.meshtastic.core.strings.R.string.sats),
         text = "$satCount",
+        contentColor = contentColor,
     )
 }