[BOOK-161] refactor: Search에 공통 컴포넌트 적용

seoyoon513 · seoyoon513 · commit 082b2caa4374 · 2025-07-23T17:47:01.000+09:00
diff --git a/core/ui/src/main/kotlin/com/ninecraft/booket/core/ui/component/InfinityLazyColumn.kt b/core/ui/src/main/kotlin/com/ninecraft/booket/core/ui/component/InfinityLazyColumn.kt
@@ -1,23 +1,42 @@
 package com.ninecraft.booket.core.ui.component
 
 import android.annotation.SuppressLint
+import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.FlingBehavior
 import androidx.compose.foundation.gestures.ScrollableDefaults
 import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.LazyListScope
 import androidx.compose.foundation.lazy.LazyListState
+import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateListOf
 import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
 
+// 기기에서 평균적으로 한 화면에 보이는 아이템 개수
 private const val LIMIT_COUNT = 6
 
 @Composable
@@ -81,3 +100,67 @@ private fun LazyListState.reachedBottom(
     val lastVisibleItem = layoutInfo.visibleItemsInfo.lastOrNull()
     return (triggerOnEnd && lastVisibleItem?.index == layoutInfo.totalItemsCount - 1) || lastVisibleItem?.index != 0 && lastVisibleItem?.index == layoutInfo.totalItemsCount - (limitCount + 1)
 }
+
+@Preview
+@Composable
+private fun InfinityLazyColumnPreview() {
+    ReedTheme {
+        Surface {
+            var page by remember { mutableIntStateOf(1) }
+            val contents = remember { mutableStateListOf(*Array(10) { it }) }
+
+            Column {
+                Text(
+                    modifier = Modifier.padding(16.dp),
+                    text = "Loaded Page: $page",
+                    style = ReedTheme.typography.label1Medium,
+                )
+                InfinityLazyColumn(
+                    loadMore = {
+                        contents.addAll(page * 10 until (page + 1) * 10)
+                        page++
+                    },
+                    contentPadding = PaddingValues(vertical = 16.dp, horizontal = 8.dp),
+                    verticalArrangement = Arrangement.spacedBy(8.dp),
+                    content = {
+                        items(contents, key = { it }) {
+                            Row(
+                                modifier = Modifier
+                                    .fillMaxWidth()
+                                    .padding(
+                                        horizontal = ReedTheme.spacing.spacing5,
+                                        vertical = ReedTheme.spacing.spacing4
+                                    ),
+                                verticalAlignment = Alignment.CenterVertically,
+                            ) {
+                                Box(
+                                    modifier = Modifier
+                                        .width(68.dp)
+                                        .height(100.dp)
+                                        .background(
+                                            color = ReedTheme.colors.contentTertiary,
+                                            shape = RoundedCornerShape(ReedTheme.radius.sm),
+                                        ),
+                                )
+                                Spacer(Modifier.width(ReedTheme.spacing.spacing4))
+                                Column {
+                                    Text(
+                                        text = "Title",
+                                        color = ReedTheme.colors.contentPrimary,
+                                        style = ReedTheme.typography.body1SemiBold,
+                                    )
+                                    Spacer(Modifier.height(ReedTheme.spacing.spacing1))
+                                    Text(
+                                        text = "Description",
+                                        color = ReedTheme.colors.contentTertiary,
+                                        style = ReedTheme.typography.label1Medium,
+                                    )
+                                }
+                            }
+                        }
+                    },
+                )
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/kotlin/com/ninecraft/booket/core/ui/component/LoadStateFooter.kt b/core/ui/src/main/kotlin/com/ninecraft/booket/core/ui/component/LoadStateFooter.kt
@@ -12,8 +12,10 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
 import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+import com.ninecraft.booket.core.ui.R
 
 @Composable
 fun LoadStateFooter(
@@ -46,14 +48,14 @@ fun LoadStateFooter(
                         style = ReedTheme.typography.body2Regular,
                     )
                     Button(onClick = onRetryClick) {
-                        Text(text = "다시 시도")
+                        Text(text = stringResource(R.string.retry))
                     }
                 }
             }
 
             is FooterState.End -> {
                 Text(
-                    text = "더 이상 결과가 없습니다",
+                    text = stringResource(R.string.no_more_result),
                     color = ReedTheme.colors.contentSecondary,
                     style = ReedTheme.typography.body2Regular,
                 )
diff --git a/core/ui/src/main/res/values/strings.xml b/core/ui/src/main/res/values/strings.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="no_more_result">더 이상 결과가 없습니다</string>
+    <string name="retry">다시 시도</string>
+</resources>
diff --git a/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchPresenter.kt b/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchPresenter.kt
@@ -12,6 +12,7 @@ import com.ninecraft.booket.core.common.utils.handleException
 import com.ninecraft.booket.core.data.api.repository.BookRepository
 import com.ninecraft.booket.core.model.BookSearchModel
 import com.ninecraft.booket.core.model.BookSummaryModel
+import com.ninecraft.booket.core.ui.component.FooterState
 import com.ninecraft.booket.feature.screens.LoginScreen
 import com.ninecraft.booket.feature.screens.SearchScreen
 import com.orhanobut.logger.Logger
diff --git a/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchUi.kt b/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchUi.kt
@@ -27,13 +27,13 @@ import com.ninecraft.booket.core.designsystem.component.ReedTextField
 import com.ninecraft.booket.core.designsystem.component.appbar.ReedBackTopAppBar
 import com.ninecraft.booket.core.designsystem.theme.ReedTheme
 import com.ninecraft.booket.core.designsystem.theme.White
+import com.ninecraft.booket.core.ui.component.InfinityLazyColumn
+import com.ninecraft.booket.core.ui.component.LoadStateFooter
 import com.ninecraft.booket.core.ui.component.ReedFullScreen
+import com.ninecraft.booket.feature.screens.SearchScreen
 import com.ninecraft.booket.feature.search.component.BookItem
 import com.ninecraft.booket.feature.search.component.BookRegisterBottomSheet
 import com.ninecraft.booket.feature.search.component.BookRegisterSuccessBottomSheet
-import com.ninecraft.booket.feature.search.component.InfinityLazyColumn
-import com.ninecraft.booket.feature.search.component.LoadStateFooter
-import com.ninecraft.booket.feature.screens.SearchScreen
 import com.slack.circuit.codegen.annotations.CircuitInject
 import dagger.hilt.android.components.ActivityRetainedComponent
 import kotlinx.collections.immutable.toImmutableList
diff --git a/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchUiState.kt b/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchUiState.kt
@@ -3,6 +3,7 @@ package com.ninecraft.booket.feature.search
 import androidx.compose.foundation.text.input.TextFieldState
 import com.ninecraft.booket.core.model.BookSearchModel
 import com.ninecraft.booket.core.model.BookSummaryModel
+import com.ninecraft.booket.core.ui.component.FooterState
 import com.slack.circuit.runtime.CircuitUiEvent
 import com.slack.circuit.runtime.CircuitUiState
 import kotlinx.collections.immutable.ImmutableList
@@ -16,13 +17,6 @@ sealed interface UiState {
     data class Error(val message: String) : UiState
 }
 
-sealed interface FooterState {
-    data object Idle : FooterState
-    data object Loading : FooterState
-    data object End : FooterState
-    data class Error(val message: String) : FooterState
-}
-
 data class SearchUiState(
     val uiState: UiState = UiState.Idle,
     val footerState: FooterState = FooterState.Idle,
diff --git a/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/component/InfiniteLazyColumn.kt b/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/component/InfiniteLazyColumn.kt
diff --git a/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/component/LoadStateFooter.kt b/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/component/LoadStateFooter.kt

Original file line number	Diff line number	Diff line change
`@@ -12,8 +12,10 @@ import androidx.compose.material3.Text`
`12`	`12`	`import androidx.compose.runtime.Composable`
`13`	`13`	`import androidx.compose.ui.Alignment`
`14`	`14`	`import androidx.compose.ui.Modifier`
	`15`	`+import androidx.compose.ui.res.stringResource`
`15`	`16`	`import androidx.compose.ui.unit.dp`
`16`	`17`	`import com.ninecraft.booket.core.designsystem.theme.ReedTheme`
	`18`	`+import com.ninecraft.booket.core.ui.R`
`17`	`19`
`18`	`20`	`@Composable`
`19`	`21`	`fun LoadStateFooter(`
`@@ -46,14 +48,14 @@ fun LoadStateFooter(`
`46`	`48`	`style = ReedTheme.typography.body2Regular,`
`47`	`49`	`)`
`48`	`50`	`Button(onClick = onRetryClick) {`
`49`		`- Text(text = "다시 시도")`
	`51`	`+ Text(text = stringResource(R.string.retry))`
`50`	`52`	`}`
`51`	`53`	`}`
`52`	`54`	`}`
`53`	`55`
`54`	`56`	`is FooterState.End -> {`
`55`	`57`	`Text(`
`56`		`- text = "더 이상 결과가 없습니다",`
	`58`	`+ text = stringResource(R.string.no_more_result),`
`57`	`59`	`color = ReedTheme.colors.contentSecondary,`
`58`	`60`	`style = ReedTheme.typography.body2Regular,`
`59`	`61`	`)`