Refactor: 설정 화면 리디자인 반영

Author: wjdrjs00

presentation/src/main/java/com/threegap/bitnagil/presentation/setting/SettingScreen.kt

@@ -1,7 +1,6 @@
 package com.threegap.bitnagil.presentation.setting
 
 import androidx.compose.foundation.background
-import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -27,6 +26,7 @@ import androidx.hilt.navigation.compose.hiltViewModel
 import com.threegap.bitnagil.designsystem.BitnagilTheme
 import com.threegap.bitnagil.designsystem.component.block.BitnagilOptionButton
 import com.threegap.bitnagil.designsystem.component.block.BitnagilTopBar
+import com.threegap.bitnagil.designsystem.modifier.clickableWithoutRipple
 import com.threegap.bitnagil.presentation.common.flow.collectAsEffect
 import com.threegap.bitnagil.presentation.setting.component.atom.settingtitle.SettingTitle
 import com.threegap.bitnagil.presentation.setting.component.block.ConfirmDialog
@@ -116,38 +116,28 @@ private fun SettingScreen(
                     Text(
                         text = "버전 ",
                         color = BitnagilTheme.colors.black,
-                        style = BitnagilTheme.typography.body1Regular,
+                        style = BitnagilTheme.typography.body1Medium,
                     )
                     Text(
                         text = state.version,
                         color = BitnagilTheme.colors.black,
                         style = BitnagilTheme.typography.body1SemiBold,
                     )
                 }
-                if (state.version == state.latestVersion) {
-                    Text(
-                        "최신",
-                        modifier = Modifier
-                            .background(
-                                color = BitnagilTheme.colors.coolGray98,
-                                shape = RoundedCornerShape(4.dp),
-                            )
-                            .padding(horizontal = 10.dp, vertical = 5.dp),
-                        style = BitnagilTheme.typography.button2.copy(color = BitnagilTheme.colors.coolGray70),
-                    )
-                } else {
-                    Text(
-                        "업데이트",
-                        modifier = Modifier
-                            .background(
-                                color = BitnagilTheme.colors.lightBlue200,
-                                shape = RoundedCornerShape(4.dp),
-                            )
-                            .clickable(onClick = onClickUpdate)
-                            .padding(horizontal = 10.dp, vertical = 5.dp),
-                        style = BitnagilTheme.typography.button2.copy(color = BitnagilTheme.colors.navy500),
-                    )
-                }
+
+                val isLatest = state.version == state.latestVersion
+                Text(
+                    text = if (isLatest) "최신" else "업데이트",
+                    color = if (isLatest) BitnagilTheme.colors.coolGray70 else BitnagilTheme.colors.orange500,
+                    style = BitnagilTheme.typography.button2,
+                    modifier = Modifier
+                        .background(
+                            color = if (isLatest) BitnagilTheme.colors.coolGray98 else BitnagilTheme.colors.orange50,
+                            shape = RoundedCornerShape(8.dp),
+                        )
+                        .let { if (!isLatest) it.clickableWithoutRipple(onClick = onClickUpdate) else it }
+                        .padding(horizontal = 10.dp, vertical = 5.dp),
+                )
             }
 
             BitnagilOptionButton(

presentation/src/main/java/com/threegap/bitnagil/presentation/setting/component/atom/settingtitle/SettingTitle.kt

@@ -15,6 +15,6 @@ fun SettingTitle(
     Text(
         title,
         modifier = Modifier.fillMaxWidth().padding(horizontal = 16.dp, vertical = 3.dp),
-        style = BitnagilTheme.typography.caption1SemiBold.copy(color = BitnagilTheme.colors.coolGray50),
+        style = BitnagilTheme.typography.caption1SemiBold.copy(color = BitnagilTheme.colors.coolGray60),
     )
 }