Create view models for chat and dialog UI

app/build.gradle

@@ -49,6 +49,7 @@ android {
 dependencies {
     implementation 'androidx.core:core-ktx:1.9.0'
     implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.5.1'
+    implementation "androidx.lifecycle:lifecycle-viewmodel-compose:2.5.1"
     implementation 'androidx.activity:activity-compose:1.6.0'
     implementation "androidx.compose.ui:ui:$compose_ui_version"
     implementation "androidx.compose.ui:ui-tooling-preview:$compose_ui_version"

app/src/main/java/dev/lonami/talaria/ui/ChatScreen.kt

@@ -7,11 +7,13 @@ import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.material.Card
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import dev.lonami.talaria.data.MessageSource
+import androidx.lifecycle.viewmodel.compose.viewModel
 import dev.lonami.talaria.model.Message
 import dev.lonami.talaria.ui.theme.TalariaTheme
 
@@ -41,12 +43,16 @@ fun MessageList(messages: List<Message>) {
     }
 }
 
+@Composable
+fun ChatScreen(chatViewModel: ChatViewModel = viewModel()) {
+    val chatUiState by chatViewModel.uiState.collectAsState()
+    MessageList(chatUiState.messages)
+}
+
 @Preview
 @Composable
 fun ChatPreview() {
     TalariaTheme {
-        MessageList(
+        ChatScreen()
-            MessageSource.loadMessages()
-        )
     }
 }

app/src/main/java/dev/lonami/talaria/ui/ChatUiState.kt

@@ -0,0 +1,5 @@
+package dev.lonami.talaria.ui
+
+import dev.lonami.talaria.model.Message
+
+data class ChatUiState(val messages: List<Message> = listOf())

app/src/main/java/dev/lonami/talaria/ui/ChatViewModel.kt

@@ -0,0 +1,20 @@
+package dev.lonami.talaria.ui
+
+import androidx.lifecycle.ViewModel
+import dev.lonami.talaria.data.MessageSource
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+
+class ChatViewModel : ViewModel() {
+    private val _uiState = MutableStateFlow(ChatUiState())
+    val uiState: StateFlow<ChatUiState> = _uiState.asStateFlow()
+
+    private fun loadMessages() {
+        _uiState.value = ChatUiState(MessageSource.loadMessages())
+    }
+
+    init {
+        loadMessages()
+    }
+}

app/src/main/java/dev/lonami/talaria/ui/DialogScreen.kt

@@ -10,14 +10,16 @@ import androidx.compose.material.Card
 import androidx.compose.material.Switch
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
 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.DialogSource
 import dev.lonami.talaria.model.Dialog
 import dev.lonami.talaria.ui.theme.TalariaTheme
 
@@ -49,12 +51,16 @@ fun DialogList(dialogs: List<Dialog>) {
     }
 }
 
+@Composable
+fun DialogScreen(dialogViewModel: DialogViewModel = viewModel()) {
+    val dialogUiState by dialogViewModel.uiState.collectAsState()
+    DialogList(dialogUiState.dialogs)
+}
+
 @Preview
 @Composable
 fun DialogPreview() {
     TalariaTheme {
-        DialogList(
+        DialogScreen()
-            DialogSource.loadDialogs()
-        )
     }
 }

app/src/main/java/dev/lonami/talaria/ui/DialogUiState.kt

@@ -0,0 +1,5 @@
+package dev.lonami.talaria.ui
+
+import dev.lonami.talaria.model.Dialog
+
+data class DialogUiState(val dialogs: List<Dialog> = listOf())

app/src/main/java/dev/lonami/talaria/ui/DialogViewModel.kt

@@ -0,0 +1,20 @@
+package dev.lonami.talaria.ui
+
+import androidx.lifecycle.ViewModel
+import dev.lonami.talaria.data.DialogSource
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+
+class DialogViewModel : ViewModel() {
+    private val _uiState = MutableStateFlow(DialogUiState())
+    val uiState: StateFlow<DialogUiState> = _uiState.asStateFlow()
+
+    private fun loadDialogs() {
+        _uiState.value = DialogUiState(DialogSource.loadDialogs())
+    }
+
+    init {
+        loadDialogs()
+    }
+}