Refctor/#148 qa design

core/designsystem/src/main/java/com/record/designsystem/component/badge/RecordyLocationBadge.kt

@@ -38,8 +38,8 @@ fun RecordyLocationBadge(
             modifier = Modifier
                 .padding(
                     start = 8.dp,
-                    top = 8.dp,
-                    bottom = 8.dp,
+                    top = 5.dp,
+                    bottom = 5.dp,
                     end = 4.dp,
                 ),
             painter = painterResource(id = R.drawable.ic_cursor_16),
@@ -49,11 +49,15 @@ fun RecordyLocationBadge(
         if (location != null) {
             Text(
                 modifier = Modifier
-                    .padding(end = 12.dp),
+                    .padding(
+                        top = 4.dp,
+                        bottom = 4.dp,
+                        end = 12.dp,
+                    ),
                 text = location,
                 maxLines = 1,
                 overflow = TextOverflow.Ellipsis,
-                style = RecordyTheme.typography.caption1R,
+                style = RecordyTheme.typography.caption2M,
                 color = RecordyTheme.colors.white,
                 textAlign = TextAlign.Center,
             )

core/designsystem/src/main/java/com/record/designsystem/component/navbar/TopNavigationBar.kt

@@ -26,6 +26,7 @@ fun TopNavigationBar(
     title: String = "",
     enableGradation: Boolean = false,
     popBackStackEnable: Boolean = false,
+    showCloseButton: Boolean = false,
     popBackStack: () -> Unit = {},
 ) {
     Box(
@@ -50,6 +51,20 @@ fun TopNavigationBar(
                     },
             )
         }
+
+        if (showCloseButton) {
+            Icon(
+                ImageVector.vectorResource(id = com.record.designsystem.R.drawable.ic_cancelled_30),
+                contentDescription = "닫기",
+                tint = RecordyTheme.colors.gray01,
+                modifier = Modifier
+                    .align(Alignment.CenterStart)
+                    .customClickable {
+                        popBackStack()
+                    },
+            )
+        }
+
         Text(
             modifier = Modifier.align(Alignment.Center),
             text = title,

core/designsystem/src/main/java/com/record/designsystem/component/textfield/RecordyBasicTextField.kt

@@ -63,12 +63,13 @@ fun RecordyBasicTextField(
     keyboardActions: KeyboardActions = KeyboardActions.Default,
     visualTransformation: VisualTransformation = VisualTransformation.None,
     interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
+    highlightOnFocus: Boolean = true,
 ) {
     val isFocused by interactionSource.collectIsFocusedAsState()
 
     val borderLineColor = when {
         isError -> Alert01
-        isFocused -> ViskitYellow500
+        isFocused && highlightOnFocus -> Color.Transparent
         value.isEmpty() -> Color.Transparent
         else -> Color.Transparent
     }
@@ -166,12 +167,13 @@ fun RecordyBasicTextField2(
     keyboardActions: KeyboardActions = KeyboardActions.Default,
     visualTransformation: VisualTransformation = VisualTransformation.None,
     interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
+    highlightOnFocus: Boolean = true,
 ) {
     val isFocused by interactionSource.collectIsFocusedAsState()
 
     val borderLineColor = when {
         isError -> Alert01
-        isFocused -> ViskitYellow500
+        isFocused && highlightOnFocus -> ViskitYellow500
         value.isEmpty() -> Color.Transparent
         else -> Color.Transparent
     }

feature/detail/src/main/java/com/record/detail/screen/EmptyDataScreen.kt

@@ -8,6 +8,7 @@ import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.wrapContentWidth
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
@@ -37,17 +38,29 @@ fun EmptyDataScreen(
                 horizontalAlignment = Alignment.CenterHorizontally,
                 modifier = Modifier.fillMaxSize(),
             ) {
+                val messages = message.split("\n")
                 Text(
-                    text = message,
+                    text = messages.getOrNull(0) ?: "",
                     style = RecordyTheme.typography.title3SB,
                     color = RecordyTheme.colors.gray02,
                     textAlign = TextAlign.Center,
                 )
+                if (messages.size > 1) {
+                    Spacer(modifier = Modifier.height(5.dp))
+                    Text(
+                        text = messages[1],
+                        style = RecordyTheme.typography.title3SB,
+                        color = RecordyTheme.colors.gray02,
+                        textAlign = TextAlign.Center,
+                    )
+                }
+
                 Spacer(modifier = Modifier.height(24.dp))
                 if (showButton) {
                     BasicButton(
                         modifier = Modifier
-                            .height(44.dp),
+                            .height(44.dp)
+                            .wrapContentWidth(),
                         text = "영상 업로드하기",
                         textStyle = RecordyTheme.typography.body2B,
                         textColor = RecordyTheme.colors.background,

feature/login/src/main/java/com/record/login/LoginScreen.kt

@@ -154,7 +154,8 @@ fun SplashScreen(
             painterResource(id = R.drawable.img_viskit_logo),
             null,
             modifier = Modifier
-                .fillMaxWidth(0.3f)
+                .fillMaxWidth()
+                .padding(horizontal = 80.dp)
                 .aspectRatio(1f)
                 .alpha(alpha),
 
@@ -199,7 +200,8 @@ fun LoginScreen(
                 painterResource(id = R.drawable.img_viskit_logo),
                 null,
                 modifier = Modifier
-                    .fillMaxWidth(0.28f)
+                    .fillMaxWidth()
+                    .padding(horizontal = 80.dp)
                     .aspectRatio(1f),
             )
             Spacer(modifier = Modifier.height(36.dp))

feature/login/src/main/java/com/record/login/singup/SignUpViewModel.kt

@@ -145,7 +145,7 @@ class SignUpViewModel @Inject constructor(
     companion object {
         val NICKNAME_PATTERN = Regex("^[가-힣ㅏ-ㅣ0-9_]+$")
         const val TITLE_POLICY_NAME = "이용약관"
-        const val TITLE_NAMING_NAME = "닉네임 설명"
+        const val TITLE_NAMING_NAME = "닉네임 설정"
         const val TITLE_SIGNUP_NAME = "회원가입 완료"
     }
 }

feature/mypage/src/main/java/com/record/mypage/follow/FollowerScreen.kt

@@ -86,7 +86,7 @@ fun EmptyFollowerScreen() {
             Row {
                 Spacer(modifier = Modifier.weight(13f))
                 Image(
-                    painter = painterResource(com.record.designsystem.R.drawable.img_no_follower),
+                    painter = painterResource(com.record.designsystem.R.drawable.img_viskit_noresult),
                     contentDescription = null,
                     modifier = Modifier
                         .weight(10f)

feature/mypage/src/main/java/com/record/mypage/screen/BookmarkScreen.kt

@@ -87,6 +87,7 @@ fun BookmarkScreen(
                     Text(
                         text = buildRecordCountText(recordCount),
                         style = RecordyTheme.typography.caption1R,
+                        modifier = Modifier.padding(bottom = 6.dp),
                     )
                 }
             }

feature/navigator/src/main/java/com/record/navigator/MainScreen.kt

@@ -161,6 +161,7 @@ internal fun MainScreen(
                     popBackStack = navigator::popBackStackIfNotHome,
                     navigateToLogin = navigator::navigateLogin,
                     navigateToProfileEdit = navigator::navigateProfileEdit,
+                    navigateToProfile = navigator::navigateProfile,
                 )
 
                 searchNavGraph(
@@ -220,8 +221,8 @@ private fun MainBottomNavigationBar(
     ) {
         Column {
             HorizontalDivider(
-                thickness = 1.dp,
-                color = RecordyTheme.colors.gray05,
+                thickness = 0.5.dp,
+                color = RecordyTheme.colors.gray06,
             )
             Row(
                 modifier = Modifier

feature/upload/src/main/java/com/record/upload/VideoPickerScreen.kt

@@ -230,7 +230,7 @@ fun VideoPickerScreen(
                     focusManager.clearFocus()
                 },
         ) {
-            TopNavigationBar(modifier = Modifier, title = "내용 작성", enableGradation = true)
+            TopNavigationBar(modifier = Modifier, title = "영상 업로드", showCloseButton = true, enableGradation = true)
             Text(
                 text = "ⓘ 주제와 무관한 기록은 무통보로 삭제될 수 있습니다",
                 color = RecordyTheme.colors.gray03,
@@ -314,6 +314,7 @@ fun VideoPickerScreen(
                         .padding(top = 24.dp)
                         .focusRequester(contentFocusRequester),
                     onValueChange = updateContentTextField,
+                    highlightOnFocus = false,
                 )
                 RecordyImgButton(
                     modifier = Modifier.padding(16.dp),
@@ -335,6 +336,7 @@ fun VideoPickerScreen(
                     value = state.locationTextValue,
                     onValueChange = updateLocationTextField,
                     keyboardOptions = KeyboardOptions.Default.copy(imeAction = ImeAction.Done),
+                    highlightOnFocus = false,
                 )
             }
         }

feature/video/src/main/java/com/record/video/component/ReportBottomSheet.kt

@@ -58,6 +58,7 @@ fun ReportBottomSheet(
     var inputValidation by remember { mutableStateOf(false) }
     var textValue by remember { mutableStateOf("") }
     var selectedReason by remember { mutableStateOf("") }
+
     LaunchedEffectWithLifecycle {
         if (isShowBottomSheet) {
             coroutineScope.launch {
@@ -254,19 +255,21 @@ fun ReportBottomSheet(
                             Text(
                                 text = "완료",
                                 style = RecordyTheme.typography.subtitle,
-                                color = RecordyTheme.colors.gray01,
+                                color = if (inputValidation) RecordyTheme.colors.gray01 else RecordyTheme.colors.gray08,
                                 modifier = Modifier
                                     .align(Alignment.CenterEnd)
                                     .customClickable {
-                                        val reasonEnum = ReportReason.fromReasonText(selectedReason)
-                                        onClickReport(id, reasonEnum.name, textValue)
-                                        coroutineScope.launch {
-                                            sheetState.hide()
-                                        }.invokeOnCompletion {
-                                            onDismiss()
-                                            currentState = BottomSheetNavigation.DEFAULT
-                                            textValue = ""
-                                            selectedReason = ""
+                                        if (inputValidation) {
+                                            val reasonEnum = ReportReason.fromReasonText(selectedReason)
+                                            onClickReport(id, reasonEnum.name, textValue)
+                                            coroutineScope.launch {
+                                                sheetState.hide()
+                                            }.invokeOnCompletion {
+                                                onDismiss()
+                                                currentState = BottomSheetNavigation.DEFAULT
+                                                textValue = ""
+                                                selectedReason = ""
+                                            }
                                         }
                                     }
                                     .padding(vertical = 15.dp)
@@ -276,11 +279,7 @@ fun ReportBottomSheet(
 
                         ReportTextField(textValue = textValue, isValidate = inputValidation) {
                             textValue = it
-                            if (it.isNotEmpty()) {
-                                inputValidation = true
-                            } else {
-                                inputValidation = false
-                            }
+                            inputValidation = it.isNotEmpty()
                         }
                     }
                 }