[BOOK-151] feat: 최근 검색어 emptyScreen 추가

Author: easyhooon

feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchScreen.kt

@@ -35,6 +35,7 @@ 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.search.component.RecentSearchTitle
 import com.ninecraft.booket.feature.search.component.SearchItem
 import com.slack.circuit.codegen.annotations.CircuitInject
 import dagger.hilt.android.components.ActivityRetainedComponent
@@ -124,48 +125,52 @@ internal fun SearchContent(
             }
 
             is UiState.Idle -> {
-                LazyColumn {
-                    item {
-                        Column(
-                            modifier = Modifier
-                                .fillMaxWidth()
-                                .padding(horizontal = ReedTheme.spacing.spacing5, vertical = ReedTheme.spacing.spacing2),
-                        ) {
-                            Text(
-                                text = stringResource(R.string.recent_search),
-                                color = ReedTheme.colors.contentPrimary,
-                                style = ReedTheme.typography.body1SemiBold,
-                            )
-                            Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing1))
-                        }
+                if (state.recentSearches.isEmpty()) {
+                    Box(
+                        modifier = Modifier.fillMaxSize(),
+                        contentAlignment = Alignment.Center,
+                    ) {
+                        RecentSearchTitle(modifier = Modifier.align(Alignment.TopCenter))
+                        Text(
+                            text = stringResource(R.string.empty_recent_searches),
+                            modifier = Modifier.align(Alignment.Center),
+                            color = ReedTheme.colors.contentSecondary,
+                            style = ReedTheme.typography.body1Medium,
+                        )
                     }
+                } else {
+                    LazyColumn {
+                        item {
+                            RecentSearchTitle()
+                        }
 
-                    items(
-                        count = state.recentSearches.size,
-                        key = { index -> state.recentSearches[index] },
-                    ) { index ->
-                        Column {
-                            SearchItem(
-                                query = state.recentSearches[index],
-                                onQueryClick = { keyword ->
-                                    state.eventSink(SearchUiEvent.OnRecentSearchClick(keyword))
-                                },
-                                onRemoveIconClick = { keyword ->
-                                    state.eventSink(SearchUiEvent.OnRemoveSearchRemoveClick(keyword))
-                                },
-                            )
-                            HorizontalDivider(
-                                modifier = Modifier.fillMaxWidth(),
-                                thickness = 1.dp,
-                                color = ReedTheme.colors.borderPrimary,
-                            )
+                        items(
+                            count = state.recentSearches.size,
+                            key = { index -> state.recentSearches[index] },
+                        ) { index ->
+                            Column {
+                                SearchItem(
+                                    query = state.recentSearches[index],
+                                    onQueryClick = { keyword ->
+                                        state.eventSink(SearchUiEvent.OnRecentSearchClick(keyword))
+                                    },
+                                    onRemoveIconClick = { keyword ->
+                                        state.eventSink(SearchUiEvent.OnRemoveSearchRemoveClick(keyword))
+                                    },
+                                )
+                                HorizontalDivider(
+                                    modifier = Modifier.fillMaxWidth(),
+                                    thickness = 1.dp,
+                                    color = ReedTheme.colors.borderPrimary,
+                                )
+                            }
                         }
                     }
                 }
             }
 
             is UiState.Success -> {
-                if (state.isEmptyResult) {
+                if (state.isEmptySearchResult) {
                     Box(
                         modifier = Modifier.fillMaxSize(),
                         contentAlignment = Alignment.Center,

feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchUiState.kt

@@ -39,7 +39,7 @@ data class SearchUiState(
     val sideEffect: SearchSideEffect? = null,
     val eventSink: (SearchUiEvent) -> Unit,
 ) : CircuitUiState {
-    val isEmptyResult: Boolean get() = uiState is UiState.Success && searchResult.totalResults == 0
+    val isEmptySearchResult: Boolean get() = uiState is UiState.Success && searchResult.totalResults == 0
 }
 
 sealed interface SearchSideEffect {

feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/component/RecentSearchTitle.kt

@@ -0,0 +1,40 @@
+package com.ninecraft.booket.feature.search.component
+
+import androidx.compose.foundation.layout.Column
+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.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import com.ninecraft.booket.core.designsystem.ComponentPreview
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+import com.ninecraft.booket.feature.search.R
+
+@Composable
+internal fun RecentSearchTitle(
+    modifier: Modifier = Modifier,
+) {
+    Column(
+        modifier = modifier
+            .fillMaxWidth()
+            .padding(horizontal = ReedTheme.spacing.spacing5, vertical = ReedTheme.spacing.spacing2),
+    ) {
+        Text(
+            text = stringResource(R.string.recent_search),
+            color = ReedTheme.colors.contentPrimary,
+            style = ReedTheme.typography.body1SemiBold,
+        )
+        Spacer(modifier = Modifier.height(ReedTheme.spacing.spacing1))
+    }
+}
+
+@ComponentPreview
+@Composable
+private fun RecentSearchTitlePreview() {
+    ReedTheme {
+        RecentSearchTitle()
+    }
+}

feature/search/src/main/res/values/strings.xml

@@ -17,4 +17,5 @@
     <string name="book_status_before">읽기 전</string>
     <string name="book_status_reading">읽는 중</string>
     <string name="book_status_completed">독서 완료</string>
+    <string name="empty_recent_searches">최근 검색어 내역이 없습니다.</string>
 </resources>