| NavigationDrawerItem( | NavigationDrawerItem( | ||||
| label = { | label = { | ||||
| Column { | |||||
| Text(device.name) | |||||
| Column(modifier = Modifier.fillMaxWidth()) { | |||||
| Row( | |||||
| modifier = Modifier.fillMaxWidth(), | |||||
| horizontalArrangement = Arrangement.SpaceBetween, | |||||
| verticalAlignment = Alignment.CenterVertically | |||||
| ) { | |||||
| Text(device.name, modifier = Modifier.weight(1f)) | |||||
| Spacer(modifier = Modifier.width(8.dp)) | |||||
| Text(device.ip, style = MaterialTheme.typography.labelSmall) | |||||
| } | |||||
| Text(statusText, style = MaterialTheme.typography.labelSmall, color = statusColor) | Text(statusText, style = MaterialTheme.typography.labelSmall, color = statusColor) | ||||
| } | } | ||||
| }, | }, | ||||
| scope.launch { drawerState.close() } | scope.launch { drawerState.close() } | ||||
| }, | }, | ||||
| icon = { Icon(Icons.Default.Lightbulb, contentDescription = null) }, | icon = { Icon(Icons.Default.Lightbulb, contentDescription = null) }, | ||||
| badge = { Text(device.ip, style = MaterialTheme.typography.labelSmall) }, | |||||
| modifier = Modifier.padding(PaddingValues(horizontal = 12.dp, vertical = 4.dp)) | modifier = Modifier.padding(PaddingValues(horizontal = 12.dp, vertical = 4.dp)) | ||||
| ) | ) | ||||
| } | } |