[NDGL-124] feat: CommonErrorView 추가

Author: jihee-dev

core/ui/src/main/java/com/yapp/ndgl/core/ui/CommonErrorView.kt

@@ -0,0 +1,67 @@
+package com.yapp.ndgl.core.ui
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+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.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.yapp.ndgl.core.ui.theme.NDGLTheme
+
+@Composable
+fun CommonErrorView(
+    modifier: Modifier = Modifier,
+    title: String? = null,
+    description: String? = null,
+) {
+    Column(
+        modifier = modifier
+            .fillMaxWidth()
+            .padding(horizontal = 24.dp, vertical = 165.dp),
+        verticalArrangement = Arrangement.spacedBy(16.dp),
+        horizontalAlignment = Alignment.CenterHorizontally,
+    ) {
+        Image(
+            painter = painterResource(R.drawable.img_empty_browser),
+            contentDescription = null,
+            modifier = Modifier.size(100.dp),
+        )
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            verticalArrangement = Arrangement.spacedBy(4.dp),
+            horizontalAlignment = Alignment.CenterHorizontally,
+        ) {
+            Text(
+                text = title ?: stringResource(R.string.common_error_title),
+                color = NDGLTheme.colors.black500,
+                textAlign = TextAlign.Center,
+                style = NDGLTheme.typography.subtitleMdSemiBold,
+            )
+            Text(
+                text = description ?: stringResource(R.string.common_error_description),
+                color = NDGLTheme.colors.black400,
+                textAlign = TextAlign.Center,
+                style = NDGLTheme.typography.bodyLgRegular,
+            )
+        }
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun CommonErrorViewPreview() {
+    NDGLTheme {
+        CommonErrorView(
+            modifier = Modifier
+        )
+    }
+}

core/ui/src/main/res/values/strings.xml

@@ -15,6 +15,9 @@
     <string name="common_dot_separator">•</string>
     <string name="common_retry">다시 시도</string>
     <string name="common_all">전체</string>
+    <string name="common_err_unknown">알 수 없는 오류입니다</string>
+    <string name="common_error_title">정보를 불러올 수 없어요</string>
+    <string name="common_error_description">인터넷 연결 확인 후 다시 시도해 주세요</string>
 
     <!-- User Guide Modal -->
     <string name="user_guide_modal_title">서비스 이용 전\n반드시 확인해주세요.</string>

feature/home/src/main/java/com/yapp/ndgl/feature/home/search/TemplateSearchScreen.kt

@@ -24,6 +24,7 @@ import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.hilt.lifecycle.viewmodel.compose.hiltViewModel
+import com.yapp.ndgl.core.ui.CommonErrorView
 import com.yapp.ndgl.core.ui.designsystem.NDGLCTAButton
 import com.yapp.ndgl.core.ui.designsystem.NDGLCTAButtonAttr
 import com.yapp.ndgl.core.ui.designsystem.NDGLSearchNavigationBar
@@ -118,7 +119,7 @@ private fun TemplateSearchScreen(
                         )
                     }
 
-                    TemplateSearchState.SearchResult.Error -> item { ErrorView() }
+                    TemplateSearchState.SearchResult.Error -> item { CommonErrorView() }
                 }
             }
 
@@ -208,41 +209,6 @@ private fun EmptyResultView() {
     }
 }
 
-@Composable
-private fun ErrorView() {
-    Column(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(horizontal = 24.dp, vertical = 165.dp),
-        verticalArrangement = Arrangement.spacedBy(16.dp),
-        horizontalAlignment = Alignment.CenterHorizontally,
-    ) {
-        Image(
-            painter = painterResource(CoreR.drawable.img_empty_browser),
-            contentDescription = null,
-            modifier = Modifier.size(100.dp),
-        )
-        Column(
-            modifier = Modifier.fillMaxWidth(),
-            verticalArrangement = Arrangement.spacedBy(4.dp),
-            horizontalAlignment = Alignment.CenterHorizontally,
-        ) {
-            Text(
-                text = stringResource(R.string.home_template_search_error_title),
-                color = NDGLTheme.colors.black500,
-                textAlign = TextAlign.Center,
-                style = NDGLTheme.typography.subtitleMdSemiBold,
-            )
-            Text(
-                text = stringResource(R.string.home_template_search_error_description),
-                color = NDGLTheme.colors.black400,
-                textAlign = TextAlign.Center,
-                style = NDGLTheme.typography.bodyLgRegular,
-            )
-        }
-    }
-}
-
 @Preview(showBackground = true)
 @Composable
 private fun InitialEmptyViewPreview() {
@@ -259,14 +225,6 @@ private fun EmptyResultViewPreview() {
     }
 }
 
-@Preview(showBackground = true)
-@Composable
-private fun ErrorViewPreview() {
-    NDGLTheme {
-        ErrorView()
-    }
-}
-
 @Preview(showBackground = true)
 @Composable
 private fun TemplateSearchScreenFilledPreview() {

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

@@ -26,8 +26,6 @@
     <string name="home_template_search_idle_description">좋아하는 유튜버나 가고 싶은\n여행지를 검색할 수 있어요</string>
     <string name="home_template_search_empty_title">검색 결과가 없어요</string>
     <string name="home_template_search_empty_description">철자를 확인하거나\n다른 키워드로 검색해보세요.</string>
-    <string name="home_template_search_error_title">정보를 불러올 수 없어요</string>
-    <string name="home_template_search_error_description">인터넷 연결 확인 후 다시 시도해 주세요</string>
 
     <!-- Settings -->
     <string name="home_settings_title">설정</string>