SimpleTweetBox example

SimpleTweetBox.kt

@Composable
fun SimpleTweetBox(
  tweet: Tweet,
  onClick: () -> Unit
) {
    Box(
        modifier = Modifier
                .border(
                        width = 1.dp,
                        color = Color.LightGray,
                        shape = RoundedCornerShape(16.dp)
                )
                .fillMaxWidth()
                .clickable(onClick = onClick)
                .padding(6.dp),
    ) {
        val user = tweet.user ?: ""
        val imageUrl: String = tweet.images[0]
        Column(
                modifier = Modifier.fillMaxWidth().padding(10.dp),
                verticalArrangement = Arrangement.SpaceBetween,
                horizontalAlignment = Alignment.CenterHorizontally,
        ) {
            CoilImage(
                    data = imageUrl,
                    contentDescription = "$user image thumbnail",
                    modifier = Modifier.size(60.dp)
            )
            Spacer(modifier = Modifier.height(10.dp))
            Text(text = user,
                    style = TextStyle(color = Color.Blue),
                    textAlign = TextAlign.Center,
                    maxLines = 1
            )
        }
    }
}