🔀 :: (#74) 피드 페이징 구현

Team-SIGNAL · Nov 18, 2023 · 4d7f97b · 4d7f97b
2 parents 0d72eb9 + ee5bf52
commit 4d7f97b
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 5 deletions.
diff --git a/presentation/src/main/java/com/signal/signal_android/feature/main/feed/CreatePost.kt b/presentation/src/main/java/com/signal/signal_android/feature/main/feed/CreatePost.kt
@@ -147,12 +147,13 @@ internal fun CreatePost(
             alignment = Alignment.Top,
             showLength = true,
             singleLine = false,
-            maxLength = 100,
+            maxLength = 300,
         )
         PostImage(
             uri = { imagePreview },
             imageUrl = { details.image },
         ) {
+            focusManager.clearFocus()
             launcher.launch(PickVisualMediaRequest(ActivityResultContracts.PickVisualMedia.ImageOnly))
         }
         Spacer(modifier = Modifier.weight(1f))

diff --git a/presentation/src/main/java/com/signal/signal_android/feature/main/feed/Feed.kt b/presentation/src/main/java/com/signal/signal_android/feature/main/feed/Feed.kt
@@ -16,6 +16,7 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.LazyListState
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.DropdownMenu
@@ -130,6 +131,11 @@ internal fun Feed(
                     onDismissRequest = { expanded = -1 },
                     onDelete = { showDialog = true },
                     onEdit = { moveToCreatePost(state.feedId) },
+                    nextPage = {
+                        if (state.hasNextPage) {
+                            feedViewModel.nextPage()
+                        }
+                    },
                 )
 
                 Column(
@@ -251,8 +257,21 @@ private fun Posts(
     expanded: Long,
     onDelete: () -> Unit,
     onEdit: () -> Unit,
+    nextPage: () -> Unit,
 ) {
-    LazyColumn(modifier = Modifier.fillMaxSize()) {
+    val lazyListState = remember { LazyListState() }
+
+    LaunchedEffect(lazyListState.layoutInfo.visibleItemsInfo.lastIndex) {
+        val visibleItemsInfo = lazyListState.layoutInfo.visibleItemsInfo
+        if (visibleItemsInfo.lastIndex != -1 && (visibleItemsInfo.last().index % 7 == 0)) {
+            nextPage()
+        }
+    }
+
+    LazyColumn(
+        state = lazyListState,
+        modifier = Modifier.fillMaxSize(),
+    ) {
         items(posts()) {
             Post(
                 moveToFeedDetails = { moveToFeedDetails(it.id) },

diff --git a/presentation/src/main/java/com/signal/signal_android/feature/main/feed/FeedState.kt b/presentation/src/main/java/com/signal/signal_android/feature/main/feed/FeedState.kt
@@ -20,13 +20,14 @@ data class FeedState(
     val comments: List<PostCommentsEntity.CommentEntity>,
     val comment: String,
     val buttonEnabled: Boolean,
+    val hasNextPage: Boolean,
 ) {
     companion object {
         fun getDefaultState() = FeedState(
             posts = mutableStateListOf(),
             tag = Tag.GENERAL,
             page = 0,
-            size = 8,
+            size = 10,
             title = "",
             content = "",
             postDetailsEntity = PostDetailsEntity(
@@ -44,6 +45,7 @@ data class FeedState(
             comments = listOf(),
             comment = "",
             buttonEnabled = false,
+            hasNextPage = false,
         )
     }
 }
diff --git a/presentation/src/main/java/com/signal/signal_android/feature/main/feed/FeedViewModel.kt b/presentation/src/main/java/com/signal/signal_android/feature/main/feed/FeedViewModel.kt
@@ -27,9 +27,13 @@ internal class FeedViewModel(
                         size = size,
                     )
                 }.onSuccess {
-                    _posts.clear()
                     _posts.addAll(it.postEntities)
-                    setState(copy(posts = _posts.toMutableStateList()))
+                    setState(
+                        copy(
+                            posts = _posts.toMutableStateList(),
+                            hasNextPage = it.postEntities.isNotEmpty()
+                        )
+                    )
                 }
             }
         }
@@ -141,6 +145,13 @@ internal class FeedViewModel(
         }
     }
 
+    internal fun nextPage() {
+        with(state.value) {
+            setState(copy(page = page + 1))
+        }
+        fetchPosts()
+    }
+
     internal fun setTitle(title: String) {
         setState(state.value.copy(title = title))
         setButtonEnabled()