Feature/mz 199 마이페이지 - 내정보 편집, 앱 버전, 개인정보처리방침

core/designsystem/src/main/java/com/susu/core/designsystem/component/bottomsheet/datepicker/SusuDatePickerBottomSheet.kt

@@ -179,6 +179,7 @@ fun SusuLimitDatePickerBottomSheet(
                             initialMonth == criteriaMonth && initialDay > criteriaDay
                         )
                 -> criteriaDay
+
                 else -> initialDay
             },
         )
@@ -334,7 +335,8 @@ fun SusuYearPickerBottomSheet(
 ) {
     val currentYear = remember { LocalDate.now().year }
     var selectedYear by remember { mutableIntStateOf(initialYear ?: currentYear) }
-    val yearList = yearRange.map { stringResource(id = R.string.word_year_format, it) }.toImmutableList()
+    val yearList =
+        (yearRange.map { stringResource(id = R.string.word_year_format, it) } + listOf(stringResource(R.string.word_not_select))).toImmutableList()
     SusuBottomSheet(
         sheetState = sheetState,
         containerHeight = minOf(maximumContainerHeight, itemHeight * numberOfDisplayedItems + 32.dp),
@@ -350,10 +352,10 @@ fun SusuYearPickerBottomSheet(
             itemHeight = itemHeight,
             numberOfDisplayedItems = numberOfDisplayedItems,
             onItemSelected = { _, item ->
-                selectedYear = item.dropLast(1).toIntOrNull() ?: currentYear
+                selectedYear = item.dropLast(1).toIntOrNull() ?: 0
                 onItemSelected(selectedYear)
             },
-            onItemClicked = { onItemClicked(it.dropLast(1).toIntOrNull() ?: currentYear) },
+            onItemClicked = { onItemClicked(it.dropLast(1).toIntOrNull() ?: 0) },
         )
     }
 }

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

@@ -11,4 +11,5 @@
     <string name="content_description_logo_image">로고 이미지</string>
     <string name="content_description_notification_icon">알림 아이콘</string>
     <string name="content_description_filter_icon">필터 아이콘</string>
+    <string name="word_not_select">미선택</string>
 </resources>

core/ui/src/main/java/com/susu/core/ui/Consts.kt

@@ -18,8 +18,9 @@ val alignList
 const val USER_NAME_MAX_LENGTH = 10
 val nameRegex = Regex("[a-zA-Z가-힣]{0,10}")
 
-const val INTENT_ACTION_DOWNLOAD_COMPLETE = "android.intent.action.DOWNLOAD_COMPLETE"
+val USER_BIRTH_RANGE = 1930..2030
 
+const val INTENT_ACTION_DOWNLOAD_COMPLETE = "android.intent.action.DOWNLOAD_COMPLETE"
 enum class SnsProviders(
     val path: String,
     @StringRes val nameId: Int,
@@ -32,18 +33,6 @@ enum class SnsProviders(
         iconId = R.drawable.ic_kakao_login,
         backgroundColor = Color(0xFFFEE500),
     ),
-    Naver(
-        path = "",
-        nameId = R.string.sns_naver,
-        iconId = R.drawable.ic_kakao_login,
-        backgroundColor = Color.Unspecified,
-    ),
-    Google(
-        path = "",
-        nameId = R.string.sns_google,
-        iconId = R.drawable.ic_kakao_login,
-        backgroundColor = Color.Unspecified,
-    ),
 }
 
 enum class Gender(val content: String?) {

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

@@ -22,6 +22,7 @@
     <string name="content_description_add_button">더하기 버튼</string>
     <string name="content_description_close_icon">닫기 아이콘</string>
     <string name="word_input_yourself">직접 입력</string>
+    <string name="word_name">이름</string>
     <string name="word_gender">성별</string>
     <string name="word_male">남성</string>
     <string name="word_female">여성</string>

feature/mypage/src/main/java/com/susu/feature/mypage/info/MyPageInfoContract.kt

@@ -7,6 +7,7 @@ import com.susu.core.ui.nameRegex
 
 sealed interface MyPageInfoEffect : SideEffect {
     data object PopBackStack : MyPageInfoEffect
+    data object ShowNameNotValidSnackBar : MyPageInfoEffect
     data class ShowSnackBar(val msg: String) : MyPageInfoEffect
     data class HandleException(val throwable: Throwable, val retry: () -> Unit) : MyPageInfoEffect
 }

feature/mypage/src/main/java/com/susu/feature/mypage/info/MyPageInfoScreen.kt

@@ -17,10 +17,10 @@ import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
-import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.style.TextAlign
@@ -37,9 +37,11 @@ import com.susu.core.designsystem.component.button.SusuFilledButton
 import com.susu.core.designsystem.component.textfield.SusuBasicTextField
 import com.susu.core.designsystem.theme.Gray100
 import com.susu.core.designsystem.theme.Gray40
+import com.susu.core.designsystem.theme.Gray50
 import com.susu.core.designsystem.theme.SusuTheme
 import com.susu.core.ui.Gender
 import com.susu.core.ui.SnackbarToken
+import com.susu.core.ui.USER_BIRTH_RANGE
 import com.susu.core.ui.extension.collectWithLifecycle
 import com.susu.core.ui.extension.susuClickable
 import com.susu.feature.mypage.R
@@ -53,11 +55,16 @@ fun MyPageInfoRoute(
     onShowSnackbar: (SnackbarToken) -> Unit,
     handleException: (Throwable, () -> Unit) -> Unit,
 ) {
+    val context = LocalContext.current
+
     viewModel.sideEffect.collectWithLifecycle { sideEffect ->
         when (sideEffect) {
             MyPageInfoEffect.PopBackStack -> popBackStack()
             is MyPageInfoEffect.ShowSnackBar -> onShowSnackbar(SnackbarToken(message = sideEffect.msg))
             is MyPageInfoEffect.HandleException -> handleException(sideEffect.throwable, sideEffect.retry)
+            MyPageInfoEffect.ShowNameNotValidSnackBar -> onShowSnackbar(
+                SnackbarToken(message = context.getString(R.string.mypage_my_info_snackbar_invalid_name)),
+            )
         }
     }
 
@@ -123,20 +130,19 @@ fun MyPageInfoScreen(
                     if (uiState.isEditing) {
                         Text(
                             modifier = Modifier
+                                .padding(end = SusuTheme.spacing.spacing_m)
                                 .susuClickable(
-                                    runIf = uiState.isEditNameValid,
                                     onClick = onEditComplete,
-                                )
-                                .padding(end = SusuTheme.spacing.spacing_m),
+                                ),
                             text = stringResource(id = com.susu.core.ui.R.string.word_enrollment),
                             style = SusuTheme.typography.title_xxs,
-                            color = Gray100,
+                            color = if (uiState.isEditNameValid) Gray100 else Gray50,
                         )
                     } else {
                         Text(
                             modifier = Modifier
-                                .susuClickable(onClick = onEditStart)
-                                .padding(end = SusuTheme.spacing.spacing_m),
+                                .padding(end = SusuTheme.spacing.spacing_m)
+                                .susuClickable(onClick = onEditStart),
                             text = stringResource(id = com.susu.core.ui.R.string.word_edit),
                             style = SusuTheme.typography.title_xxs,
                             color = Gray100,
@@ -154,7 +160,8 @@ fun MyPageInfoScreen(
             )
             Spacer(modifier = Modifier.height(SusuTheme.spacing.spacing_m))
             MyPageInfoItem(
-                title = "이름",
+                title = stringResource(id = com.susu.core.ui.R.string.word_name),
+                isWrong = uiState.isEditing && !uiState.isEditNameValid,
             ) {
                 if (uiState.isEditing) {
                     SusuBasicTextField(
@@ -181,12 +188,23 @@ fun MyPageInfoScreen(
                         modifier = Modifier.susuClickable(
                             onClick = onBirthClick,
                         ),
-                        text = uiState.editBirth.toString(),
+                        text = if (uiState.editBirth in USER_BIRTH_RANGE) {
+                            uiState.editBirth.toString()
+                        } else {
+                            stringResource(id = com.susu.core.ui.R.string.word_not_select)
+                        },
                         style = SusuTheme.typography.title_xs,
                         color = if (uiState.birthEdited) Gray100 else Gray40,
                     )
                 } else {
-                    Text(text = uiState.userBirth.toString(), style = SusuTheme.typography.title_xs, color = Gray100)
+                    Text(
+                        text = if (uiState.userBirth in USER_BIRTH_RANGE) {
+                            uiState.userBirth.toString()
+                        } else {
+                            stringResource(id = com.susu.core.ui.R.string.word_not_select)
+                        },
+                        style = SusuTheme.typography.title_xs, color = Gray100,
+                    )
                 }
             }
             MyPageInfoItem(

feature/mypage/src/main/java/com/susu/feature/mypage/info/MyPageInfoViewModel.kt

@@ -50,7 +50,7 @@ class MyPageInfoViewModel @Inject constructor(
         intent {
             copy(
                 isEditing = true,
-                editName = "",
+                editName = uiState.value.userName,
                 editGender = uiState.value.userGender,
                 editBirth = uiState.value.userBirth,
             )
@@ -78,6 +78,11 @@ class MyPageInfoViewModel @Inject constructor(
     }
 
     fun completeEdit() {
+        if (!uiState.value.isEditNameValid) {
+            postSideEffect(MyPageInfoEffect.ShowNameNotValidSnackBar)
+            return
+        }
+
         viewModelScope.launch {
             intent { copy(isLoading = true) }
             patchUserUseCase(name = uiState.value.editName, gender = uiState.value.editGender.content, birth = uiState.value.editBirth)

feature/mypage/src/main/java/com/susu/feature/mypage/info/component/MyPageInfoItem.kt

@@ -2,27 +2,75 @@ package com.susu.feature.mypage.info.component
 
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.wrapContentHeight
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.drawBehind
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
 import com.susu.core.designsystem.theme.Gray60
+import com.susu.core.designsystem.theme.Red60
 import com.susu.core.designsystem.theme.SusuTheme
 
 @Composable
 fun MyPageInfoItem(
     modifier: Modifier = Modifier,
     title: String = "",
+    isWrong: Boolean = false,
     content: @Composable () -> Unit,
 ) {
     Row(
         modifier = modifier.fillMaxWidth().padding(SusuTheme.spacing.spacing_m),
         horizontalArrangement = Arrangement.SpaceBetween,
         verticalAlignment = Alignment.CenterVertically,
     ) {
-        Text(text = title, style = SusuTheme.typography.title_xxs, color = Gray60)
+        Row {
+            Text(text = title, style = SusuTheme.typography.title_xxs, color = Gray60)
+            if (isWrong) {
+                Spacer(modifier = Modifier.width(SusuTheme.spacing.spacing_xxxxs))
+                WrongDot()
+            }
+        }
+
         content()
     }
 }
+
+@Composable
+fun WrongDot(
+    modifier: Modifier = Modifier,
+    dotRadius: Dp = 2.dp,
+    color: Color = Red60,
+) {
+    Spacer(
+        modifier = modifier.width(4.dp).wrapContentHeight()
+            .drawBehind {
+                drawCircle(
+                    color = color,
+                    radius = dotRadius.toPx(),
+                    center = Offset(0f, 8.dp.toPx())
+                )
+            },
+    )
+}
+
+@Preview
+@Composable
+fun MyPageInfoItemPreview() {
+    SusuTheme {
+        MyPageInfoItem(
+            title = "이름",
+            isWrong = true,
+        ) {
+        }
+    }
+}

feature/mypage/src/main/java/com/susu/feature/mypage/main/MyPageDefaultScreen.kt

@@ -1,5 +1,6 @@
 package com.susu.feature.mypage.main
 
+import android.content.Context
 import android.os.Environment
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -29,7 +30,6 @@ import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import com.susu.core.designsystem.component.appbar.SusuDefaultAppBar
 import com.susu.core.designsystem.component.appbar.icon.LogoIcon
-import com.susu.core.designsystem.component.appbar.icon.NotificationIcon
 import com.susu.core.designsystem.component.button.GhostButtonColor
 import com.susu.core.designsystem.component.button.SmallButtonStyle
 import com.susu.core.designsystem.component.button.SusuGhostButton
@@ -150,13 +150,15 @@ fun MyPageDefaultScreen(
     navigateToInfo: () -> Unit = {},
     navigateToSocial: () -> Unit = {},
 ) {
+    val context = LocalContext.current
     Column(
-        modifier = Modifier.fillMaxSize().padding(padding),
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(padding),
     ) {
         SusuDefaultAppBar(
             modifier = Modifier.padding(SusuTheme.spacing.spacing_xs),
             leftIcon = { LogoIcon() },
-            actions = { NotificationIcon() },
         )
 
         MyPageMenuItem(
@@ -218,14 +220,15 @@ fun MyPageDefaultScreen(
             onMenuClick = onWithdraw,
         )
         Box(
-            modifier = Modifier.fillMaxWidth()
+            modifier = Modifier
+                .fillMaxWidth()
                 .weight(1f)
                 .background(color = Gray20)
                 .padding(SusuTheme.spacing.spacing_m),
         ) {
             Text(
                 modifier = Modifier.align(Alignment.TopStart),
-                text = stringResource(com.susu.feature.mypage.R.string.mypage_app_version) + uiState.appVersion,
+                text = stringResource(com.susu.feature.mypage.R.string.mypage_app_version) + " ${getAppVersion(context)}",
                 style = SusuTheme.typography.title_xxxs,
                 color = Gray50,
             )
@@ -239,6 +242,21 @@ fun MyPageDefaultScreen(
     }
 }
 
+private fun getAppVersion(context: Context): String {
+    try {
+        val packageInfo = context.packageManager.getPackageInfo(
+            context.packageName, 0,
+        )
+
+        if (packageInfo != null) {
+            return packageInfo.versionName
+        }
+    } catch (e: Exception) {
+        e.printStackTrace()
+    }
+    return ""
+}
+
 @Composable
 fun MyPageDivider(
     modifier: Modifier = Modifier,

feature/mypage/src/main/java/com/susu/feature/mypage/social/MyPageSocialScreen.kt

@@ -69,8 +69,6 @@ fun MyPageSocialScreen(
                 SocialProvider(
                     isActive = when (it) {
                         SnsProviders.Kakao -> AuthApiClient.instance.hasToken()
-                        SnsProviders.Naver -> false
-                        SnsProviders.Google -> false
                     },
                     snsProviders = it,
                 )

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

@@ -27,4 +27,5 @@
     <string name="mypage_social_when_problem">로그인에 문제가 있다면 팀 옥수수에게 알려주세요</string>
     <string name="mypage_social_question">문의 남기기</string>
     <string name="mypage_my_info_profile">프로필 이미지</string>
+    <string name="mypage_my_info_snackbar_invalid_name">이름은 한글 또는 영문 10글자로 입력해주세요</string>
 </resources>