[Feat/#6] UX 개선 : 클릭 시 리플 효과 제거

NOW-SOPT-ANDROID · Sep 18, 2024 · 087e159 · 087e159
1 parent d83ff7a
commit 087e159
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/app/src/main/java/com/sopt/now/compose/presentation/ui/auth/component/AuthTextField.kt b/app/src/main/java/com/sopt/now/compose/presentation/ui/auth/component/AuthTextField.kt
@@ -3,6 +3,7 @@ package com.sopt.now.compose.presentation.ui.auth.component
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -13,13 +14,13 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.focus.onFocusChanged
 import androidx.compose.ui.graphics.SolidColor
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.text.input.PasswordVisualTransformation
 import androidx.compose.ui.text.input.TextFieldValue
 import androidx.compose.ui.text.input.VisualTransformation
 import androidx.compose.ui.unit.dp
@@ -76,9 +77,12 @@ fun AuthTextField(
                             contentDescription = null,
                             modifier = Modifier
                                 .padding(end = 6.dp)
-                                .clickable { onRemove() }
+                                .clickable(
+                                    indication = null,
+                                    interactionSource = remember { MutableInteractionSource() },
+                                    onClick = onRemove
+                                )
                         )
-
                     }
                     Spacer(modifier = Modifier.height(4.dp))
                     Box(

diff --git a/app/src/main/java/com/sopt/now/compose/presentation/ui/auth/screen/SignInScreen.kt b/app/src/main/java/com/sopt/now/compose/presentation/ui/auth/screen/SignInScreen.kt
@@ -2,6 +2,7 @@ package com.sopt.now.compose.presentation.ui.auth.screen
 
 import android.content.Context
 import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
@@ -114,7 +115,11 @@ fun SignInScreen(
             text = stringResource(R.string.signin_signup_button),
             modifier = Modifier
                 .align(Alignment.End)
-                .clickable { onClickSignUp() },
+                .clickable(
+                    indication = null,
+                    interactionSource = remember { MutableInteractionSource() },
+                    onClick = onClickSignUp
+                ),
             color = CustomTheme.colors.gray04,
             textDecoration = TextDecoration.Underline,
             style = CustomTheme.typography.body2Medium