[NDGL-118] design: 일정이 없을 때 화면 추가

Author: mj010504

…drawable/ic_140_no_schedule_calendar.xml …es/drawable/img_no_schedule_calendar.xmlcore/ui/src/main/res/drawable/ic_140_no_schedule_calendar.xml renamed to core/ui/src/main/res/drawable/img_no_schedule_calendar.xml core/ui/src/main/res/drawable/ic_140_no_schedule_calendar.xml renamed to core/ui/src/main/res/drawable/img_no_schedule_calendar.xml

@@ -62,10 +62,12 @@
     <string name="start_time_setting">여행 시작 시간 설정</string>
     <string name="edit_travel">편집하기</string>
     <string name="edit_done">편집 완료</string>
-    <string name="add_schedule">일정 추가하기</string>
+    <string name="add_schedule_button_text">일정 추가하기</string>
     <string name="select_all">전체 선택</string>
     <string name="delete_selected">선택 삭제</string>
-    <string name="no_schedule_message">아직 %d일차 일정이 없어요</string>
+    <string name="no_schedule_message">일정이 없어요</string>
+    <string name="no_schedule_message_detail">아직 %d일차 일정이 없어요</string>
+    <string name="add_schedule_button_text_no_schedule">%d일차 첫 일정 추가하기</string>
 
     <!-- Dialog - Cancel Edit -->
     <string name="cancel_edit_dialog_title">편집 중단</string>

…/src/main/res/drawable/ic_140_serach.xml …/ui/src/main/res/drawable/img_search.xmlcore/ui/src/main/res/drawable/ic_140_serach.xml renamed to core/ui/src/main/res/drawable/img_search.xml core/ui/src/main/res/drawable/ic_140_serach.xml renamed to core/ui/src/main/res/drawable/img_search.xml

@@ -30,7 +30,7 @@ internal fun AddItineraryButton(
             type = NDGLCTAButtonAttr.Type.PRIMARY,
             size = NDGLCTAButtonAttr.Size.LARGE,
             status = if (enabled) NDGLCTAButtonAttr.Status.ACTIVE else NDGLCTAButtonAttr.Status.DISABLED,
-            label = stringResource(R.string.add_schedule),
+            label = stringResource(R.string.add_schedule_button_text),
             onClick = { if (enabled) clickAddItinerary() },
         )
     }

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

@@ -39,7 +39,7 @@ internal fun SearchEmptyContent() {
         verticalArrangement = Arrangement.spacedBy(16.dp),
     ) {
         Icon(
-            imageVector = ImageVector.vectorResource(R.drawable.ic_140_serach),
+            imageVector = ImageVector.vectorResource(R.drawable.img_search),
             contentDescription = null,
             tint = Color.Unspecified,
             modifier = Modifier.size(140.dp),
@@ -59,7 +59,7 @@ internal fun NoSearchResultContent() {
         horizontalAlignment = Alignment.CenterHorizontally,
     ) {
         Icon(
-            imageVector = ImageVector.vectorResource(R.drawable.ic_140_serach),
+            imageVector = ImageVector.vectorResource(R.drawable.img_search),
             contentDescription = null,
             tint = Color.Unspecified,
             modifier = Modifier.size(140.dp),

feature/travel/src/main/java/com/yapp/ndgl/feature/travel/additinerary/component/AddItineraryButton.kt

@@ -110,7 +110,7 @@ private fun AddPlaceScreen(
                     type = NDGLCTAButtonAttr.Type.PRIMARY,
                     size = NDGLCTAButtonAttr.Size.LARGE,
                     status = NDGLCTAButtonAttr.Status.ACTIVE,
-                    label = stringResource(R.string.add_schedule),
+                    label = stringResource(R.string.add_schedule_button_text),
                     onClick = clickAddItinerary,
                 )
             }

feature/travel/src/main/java/com/yapp/ndgl/feature/travel/additinerary/component/SearchComponents.kt

@@ -44,6 +44,9 @@ data class TravelDetailState(
     val currentPlaces: List<TravelPlace>
         get() = currentItinerary?.places.orEmpty()
 
+    val isEmptyItinerary: Boolean
+        get() = currentItinerary?.places.isNullOrEmpty()
+
     val representativeLatLng: LatLng
         get() {
             val currentDayPlaces = itineraries.getOrNull(selectedDay - 1)?.places

feature/travel/src/main/java/com/yapp/ndgl/feature/travel/addplace/AddPlaceScreen.kt

@@ -30,7 +30,6 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
-import androidx.compose.runtime.key
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.rememberCoroutineScope
@@ -390,15 +389,21 @@ private fun TravelDetailScreen(
                             ) {
                                 Spacer(Modifier.height(80.dp))
                                 Icon(
-                                    imageVector = ImageVector.vectorResource(R.drawable.ic_140_no_schedule_calendar),
+                                    imageVector = ImageVector.vectorResource(R.drawable.img_empty_suitcase),
                                     contentDescription = null,
                                     tint = Color.Unspecified,
                                 )
                                 Spacer(Modifier.height(16.dp))
                                 Text(
-                                    text = stringResource(R.string.no_schedule_message, state.selectedDay),
+                                    text = stringResource(R.string.no_schedule_message),
+                                    color = NDGLTheme.colors.black500,
+                                    style = NDGLTheme.typography.subtitleMdSemiBold,
+                                )
+                                Spacer(Modifier.height(4.dp))
+                                Text(
+                                    text = stringResource(R.string.no_schedule_message_detail, state.selectedDay),
                                     color = NDGLTheme.colors.black400,
-                                    style = NDGLTheme.typography.bodyLgMedium,
+                                    style = NDGLTheme.typography.bodyLgRegular,
                                 )
                             }
                         }
@@ -524,7 +529,14 @@ private fun TravelDetailScreen(
                         type = NDGLCTAButtonAttr.Type.PRIMARY,
                         size = NDGLCTAButtonAttr.Size.LARGE,
                         status = NDGLCTAButtonAttr.Status.ACTIVE,
-                        label = stringResource(R.string.add_schedule),
+                        label = if (state.isEmptyItinerary) {
+                            stringResource(
+                                R.string.add_schedule_button_text_no_schedule,
+                                state.selectedDay,
+                            )
+                        } else {
+                            stringResource(R.string.add_schedule_button_text)
+                        },
                         onClick = clickAddScheduleButton,
                     )
                 }