Feat: EmptyRecommendRoutineView 컴포넌트 구현

Author: wjdrjs00

presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/RecommendRoutineScreen.kt

@@ -36,6 +36,7 @@ import com.threegap.bitnagil.domain.recommendroutine.model.RecommendCategory
 import com.threegap.bitnagil.presentation.recommendroutine.component.atom.RecommendCategoryChip
 import com.threegap.bitnagil.presentation.recommendroutine.component.block.EmotionRecommendRoutineButton
 import com.threegap.bitnagil.presentation.recommendroutine.component.block.RecommendRoutineItem
+import com.threegap.bitnagil.presentation.recommendroutine.component.template.EmptyRecommendRoutineView
 import com.threegap.bitnagil.presentation.recommendroutine.component.template.RecommendLevelBottomSheet
 import com.threegap.bitnagil.presentation.recommendroutine.model.RecommendRoutineIntent
 import com.threegap.bitnagil.presentation.recommendroutine.model.RecommendRoutineState
@@ -169,22 +170,28 @@ private fun RecommendRoutineScreen(
 
         Spacer(modifier = Modifier.height(12.dp))
 
-        LazyColumn(
-            state = listState,
-            verticalArrangement = Arrangement.spacedBy(12.dp),
-            contentPadding = PaddingValues(bottom = 12.dp),
-            modifier = Modifier
-                .fillMaxSize()
-                .padding(horizontal = 16.dp),
-        ) {
-            items(
-                items = uiState.currentRoutines,
-                key = { it.id },
-            ) { routine ->
-                RecommendRoutineItem(
-                    routine = routine,
-                    onAddRoutineClick = { onRegisterRoutineClick(routine.id.toString()) },
-                )
+        if (uiState.currentRoutines.isEmpty() && uiState.selectedRecommendLevel != null) {
+            EmptyRecommendRoutineView(
+                modifier = Modifier.fillMaxSize(),
+            )
+        } else {
+            LazyColumn(
+                state = listState,
+                verticalArrangement = Arrangement.spacedBy(12.dp),
+                contentPadding = PaddingValues(bottom = 12.dp),
+                modifier = Modifier
+                    .fillMaxSize()
+                    .padding(horizontal = 16.dp),
+            ) {
+                items(
+                    items = uiState.currentRoutines,
+                    key = { it.id },
+                ) { routine ->
+                    RecommendRoutineItem(
+                        routine = routine,
+                        onAddRoutineClick = { onRegisterRoutineClick(routine.id.toString()) },
+                    )
+                }
             }
         }
     }

presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/component/template/EmptyRecommendRoutineView.kt

@@ -0,0 +1,51 @@
+package com.threegap.bitnagil.presentation.recommendroutine.component.template
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.LineHeightStyle
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.threegap.bitnagil.designsystem.BitnagilTheme
+
+@Composable
+fun EmptyRecommendRoutineView(
+    modifier: Modifier = Modifier,
+) {
+    Column(
+        modifier = modifier.padding(top = 175.dp),
+        horizontalAlignment = Alignment.CenterHorizontally,
+    ) {
+        Text(
+            text = "해당 난이도 루틴이 없어요",
+            color = BitnagilTheme.colors.coolGray30,
+            style = BitnagilTheme.typography.subtitle1SemiBold.copy(
+                lineHeightStyle = LineHeightStyle(
+                    alignment = LineHeightStyle.Alignment.Center,
+                    trim = LineHeightStyle.Trim.None,
+                ),
+            ),
+            modifier = Modifier.padding(bottom = 2.dp),
+        )
+
+        Text(
+            text = "다른 난이도를 살펴보거나 루틴을 추가해 보세요.",
+            color = BitnagilTheme.colors.coolGray70,
+            style = BitnagilTheme.typography.body2Regular.copy(
+                lineHeightStyle = LineHeightStyle(
+                    alignment = LineHeightStyle.Alignment.Center,
+                    trim = LineHeightStyle.Trim.None,
+                ),
+            ),
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun EmptyRecommendRoutineViewPreview() {
+    EmptyRecommendRoutineView()
+}

presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/model/RecommendRoutineUiModel.kt

@@ -7,9 +7,6 @@ import com.threegap.bitnagil.designsystem.BitnagilTheme
 import com.threegap.bitnagil.designsystem.R
 import com.threegap.bitnagil.domain.recommendroutine.model.RecommendCategory
 import com.threegap.bitnagil.domain.recommendroutine.model.RecommendLevel
-import com.threegap.bitnagil.domain.recommendroutine.model.RecommendLevel.LEVEL1
-import com.threegap.bitnagil.domain.recommendroutine.model.RecommendLevel.LEVEL2
-import com.threegap.bitnagil.domain.recommendroutine.model.RecommendLevel.LEVEL3
 import com.threegap.bitnagil.domain.recommendroutine.model.RecommendRoutine
 import kotlinx.parcelize.Parcelize