120 lines
3.6 KiB
Kotlin
120 lines
3.6 KiB
Kotlin
package dev.lonami.talaria.ui.screens
|
|
|
|
import androidx.compose.foundation.layout.*
|
|
import androidx.compose.foundation.lazy.LazyColumn
|
|
import androidx.compose.foundation.lazy.LazyListState
|
|
import androidx.compose.foundation.lazy.rememberLazyListState
|
|
import androidx.compose.foundation.text.KeyboardActions
|
|
import androidx.compose.foundation.text.KeyboardOptions
|
|
import androidx.compose.material.Button
|
|
import androidx.compose.material.Card
|
|
import androidx.compose.material.Text
|
|
import androidx.compose.material.TextField
|
|
import androidx.compose.runtime.*
|
|
import androidx.compose.ui.Modifier
|
|
import androidx.compose.ui.res.stringResource
|
|
import androidx.compose.ui.text.font.FontWeight
|
|
import androidx.compose.ui.text.input.ImeAction
|
|
import androidx.compose.ui.tooling.preview.Preview
|
|
import androidx.compose.ui.unit.dp
|
|
import androidx.lifecycle.viewmodel.compose.viewModel
|
|
import dev.lonami.talaria.R
|
|
import dev.lonami.talaria.data.MockMessageRepository
|
|
import dev.lonami.talaria.ui.state.ChatViewModel
|
|
import dev.lonami.talaria.ui.theme.TalariaTheme
|
|
import kotlinx.coroutines.launch
|
|
import uniffi.talaria.Message
|
|
|
|
@Composable
|
|
fun MessageCard(message: Message, modifier: Modifier = Modifier) {
|
|
Card(
|
|
elevation = 4.dp,
|
|
modifier = modifier
|
|
.fillMaxWidth()
|
|
.padding(8.dp)
|
|
) {
|
|
Column(
|
|
modifier = Modifier
|
|
.fillMaxWidth()
|
|
.padding(8.dp)
|
|
) {
|
|
Text(message.sender, fontWeight = FontWeight.Bold)
|
|
Text(message.text)
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun MessageList(messages: List<Message>, listState: LazyListState, modifier: Modifier = Modifier) {
|
|
LazyColumn(modifier = modifier, state = listState) {
|
|
items(messages.size) { MessageCard(messages[it]) }
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun MessageInputField(
|
|
messageText: String,
|
|
onMessageChanged: (String) -> Unit,
|
|
onSendMessage: () -> Unit,
|
|
modifier: Modifier = Modifier,
|
|
) {
|
|
Row(modifier = modifier) {
|
|
TextField(
|
|
messageText,
|
|
placeholder = { Text(stringResource(R.string.write_message)) },
|
|
keyboardOptions = KeyboardOptions(
|
|
imeAction = ImeAction.Send
|
|
),
|
|
keyboardActions = KeyboardActions(
|
|
onDone = { onSendMessage() }
|
|
),
|
|
modifier = Modifier.weight(1.0f),
|
|
onValueChange = onMessageChanged
|
|
)
|
|
Button(
|
|
onClick = onSendMessage
|
|
) {
|
|
Text(stringResource(R.string.send_message))
|
|
}
|
|
}
|
|
}
|
|
|
|
@Composable
|
|
fun ChatScreen(
|
|
selectedDialog: String,
|
|
modifier: Modifier = Modifier,
|
|
chatViewModel: ChatViewModel = viewModel(),
|
|
) {
|
|
val chatUiState by chatViewModel.uiState.collectAsState()
|
|
var messageText by remember { mutableStateOf("") }
|
|
val messageListState = rememberLazyListState()
|
|
val coroutineScope = rememberCoroutineScope()
|
|
|
|
Column(modifier = modifier.fillMaxSize()) {
|
|
MessageList(
|
|
chatUiState.messages,
|
|
modifier = Modifier.weight(1.0f),
|
|
listState = messageListState
|
|
)
|
|
MessageInputField(messageText, onMessageChanged = {
|
|
messageText = it
|
|
}, onSendMessage = {
|
|
chatViewModel.sendMessage(selectedDialog, messageText)
|
|
messageText = ""
|
|
coroutineScope.launch {
|
|
messageListState.animateScrollToItem(chatUiState.messages.size - 1)
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
@Preview
|
|
@Composable
|
|
fun ChatPreview() {
|
|
val viewModel = remember { ChatViewModel(MockMessageRepository()).apply { loadMessages("") } }
|
|
|
|
TalariaTheme {
|
|
ChatScreen("", chatViewModel = viewModel)
|
|
}
|
|
}
|