@@ -42,6 +42,7 @@ import androidx.compose.foundation.text.KeyboardOptions
42import androidx.compose.material.icons.Icons
42import androidx.compose.material.icons.Icons
43import androidx.compose.material.icons.automirrored.filled.ArrowBack
43import androidx.compose.material.icons.automirrored.filled.ArrowBack
44import androidx.compose.material.icons.automirrored.filled.Send
44import androidx.compose.material.icons.automirrored.filled.Send
45+import androidx.compose.material.icons.filled.ChatBubbleOutline
45import androidx.compose.material.icons.filled.Close
46import androidx.compose.material.icons.filled.Close
46import androidx.compose.material.icons.filled.KeyboardArrowDown
47import androidx.compose.material.icons.filled.KeyboardArrowDown
47import androidx.compose.material.icons.filled.Stop
48import androidx.compose.material.icons.filled.Stop
@@ -194,12 +195,24 @@ fun ChatScreen(state: UiState, dispatch: (Event) -> Unit) {
195 Box(Modifier.fillMaxWidth().weight(1f)) {
196 Box(Modifier.fillMaxWidth().weight(1f)) {
196 if (state.messages.isEmpty() && !state.loading) {
197 if (state.messages.isEmpty() && !state.loading) {
198− text = "Send a message to start the conversation.",
199− style = MaterialTheme.typography.bodyMedium,
200− color = MaterialTheme.colorScheme.onSurfaceVariant,
201 modifier = Modifier.align(Alignment.Center).padding(32.dp),
199 modifier = Modifier.align(Alignment.Center).padding(32.dp),
200+ horizontalAlignment = Alignment.CenterHorizontally,
203+ Icons.Filled.ChatBubbleOutline,
204+ contentDescription = null,
205+ modifier = Modifier.size(48.dp),
206+ tint = MaterialTheme.colorScheme.primary.copy(alpha = 0.5f),
208+ Spacer(Modifier.size(16.dp))
210+ text = "Send a message to start the conversation.",
211+ style = MaterialTheme.typography.bodyMedium,
212+ color = MaterialTheme.colorScheme.onSurfaceVariant,
213+ textAlign = TextAlign.Center,
204 LazyColumn(
217 LazyColumn(
205 state = listState,
218 state = listState,