Add previews

Author: jja08111

feature/chat/ui/src/main/java/io/jja08111/gemini/feature/chat/ui/ChatScreen.kt

@@ -47,6 +47,7 @@ import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.input.pointer.pointerInput
 import androidx.compose.ui.platform.LocalSoftwareKeyboardController
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import io.jja08111.gemini.core.ui.rememberPrevious
@@ -59,7 +60,10 @@ import io.jja08111.gemini.feature.chat.ui.component.rememberModelResponseDropdow
 import io.jja08111.gemini.model.MessageGroup
 import io.jja08111.gemini.model.ModelResponse
 import io.jja08111.gemini.model.ModelResponseState
+import io.jja08111.gemini.model.Prompt
+import kotlinx.coroutines.flow.flowOf
 import kotlinx.coroutines.launch
+import java.time.LocalDateTime
 
 // TODO: Show keyboard when enter this screen
 @Composable
@@ -336,3 +340,118 @@ private fun ScrollPositionSideEffect(messageGroups: List<MessageGroup>, listStat
     }
   }
 }
+
+@Preview
+@Composable
+private fun EmptyChatScreenPreview() {
+  val uiState = ChatUiState(messageGroupStream = flowOf(listOf()))
+
+  MaterialTheme {
+    ChatScreen(
+      uiState = uiState,
+      snackbarHostState = SnackbarHostState(),
+      onBackClick = {},
+      onInputUpdate = {},
+      onCameraClick = {},
+      onAlbumClick = {},
+      onRemoveImageClick = {},
+      onSendClick = {},
+      onRegenerateOnErrorClick = {},
+      onSelectResponseClick = {},
+      onRegenerateResponseClick = {},
+    )
+  }
+}
+
+@Preview
+@Composable
+private fun ChatScreenPreview() {
+  val messageGroups = listOf(
+    MessageGroup(
+      responseCount = 1,
+      prompt = Prompt(
+        roomId = "id",
+        text = "Hello",
+        images = emptyList(),
+      ),
+      selectedResponse = ModelResponse(
+        text = "Hi nice to meet you.",
+        roomId = "id",
+        selected = true,
+        state = ModelResponseState.Generated,
+        createdAt = LocalDateTime.of(2024, 8, 30, 8, 10),
+      ),
+    ),
+    MessageGroup(
+      responseCount = 1,
+      prompt = Prompt(
+        roomId = "id",
+        text = "Okay",
+        images = emptyList(),
+      ),
+      selectedResponse = ModelResponse(
+        text = "Good. How can I help you?",
+        roomId = "id",
+        state = ModelResponseState.Generated,
+        selected = true,
+        createdAt = LocalDateTime.of(2024, 8, 30, 8, 10),
+      ),
+    ),
+  )
+  val uiState = ChatUiState(messageGroupStream = flowOf(messageGroups))
+
+  MaterialTheme {
+    ChatScreen(
+      uiState = uiState,
+      snackbarHostState = SnackbarHostState(),
+      onBackClick = {},
+      onInputUpdate = {},
+      onCameraClick = {},
+      onAlbumClick = {},
+      onRemoveImageClick = {},
+      onSendClick = {},
+      onRegenerateOnErrorClick = {},
+      onSelectResponseClick = {},
+      onRegenerateResponseClick = {},
+    )
+  }
+}
+
+@Preview
+@Composable
+private fun ErrorChatScreenPreview() {
+  val messageGroups = listOf(
+    MessageGroup(
+      responseCount = 1,
+      prompt = Prompt(
+        roomId = "id",
+        text = "Okay",
+        images = emptyList(),
+      ),
+      selectedResponse = ModelResponse(
+        text = "Good. How ca",
+        roomId = "id",
+        state = ModelResponseState.Error,
+        selected = true,
+        createdAt = LocalDateTime.of(2024, 8, 30, 8, 10),
+      ),
+    ),
+  )
+  val uiState = ChatUiState(messageGroupStream = flowOf(messageGroups))
+
+  MaterialTheme {
+    ChatScreen(
+      uiState = uiState,
+      snackbarHostState = SnackbarHostState(),
+      onBackClick = {},
+      onInputUpdate = {},
+      onCameraClick = {},
+      onAlbumClick = {},
+      onRemoveImageClick = {},
+      onSendClick = {},
+      onRegenerateOnErrorClick = {},
+      onSelectResponseClick = {},
+      onRegenerateResponseClick = {},
+    )
+  }
+}

feature/chat/ui/src/main/java/io/jja08111/gemini/feature/chat/ui/component/MessageGroup.kt

@@ -2,13 +2,17 @@ package io.jja08111.gemini.feature.chat.ui.component
 
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import io.jja08111.gemini.model.MessageGroup
 import io.jja08111.gemini.model.ModelResponse
 import io.jja08111.gemini.model.ModelResponseState
+import io.jja08111.gemini.model.Prompt
+import java.time.LocalDateTime
 
 @Composable
 internal fun MessageGroup(
@@ -39,3 +43,27 @@ internal fun MessageGroup(
     )
   }
 }
+
+@Preview(showBackground = true)
+@Composable
+private fun MessageGroupPreview() {
+  MaterialTheme {
+    MessageGroup(
+      messageGroup = MessageGroup(
+        responseCount = 1,
+        prompt = Prompt(
+          roomId = "id",
+          text = "Hello",
+          images = emptyList(),
+        ),
+        selectedResponse = ModelResponse(
+          text = "Hi nice to meet you.",
+          roomId = "id",
+          selected = true,
+          createdAt = LocalDateTime.of(2024, 8, 30, 8, 10),
+        ),
+      ),
+      onModelResponseLongClick = {},
+    )
+  }
+}