[IDLE-501] API 요청을 하는 버튼 및 키보드 액션에 Throttle 적용

app/build.gradle.kts

@@ -11,8 +11,8 @@ android {
     namespace = "com.idle.care"
 
     defaultConfig {
-        versionCode = 9
-        versionName = "1.1.2"
+        versionCode = 10
+        versionName = "1.1.3"
         targetSdk = 34
 
         testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"

core/common-ui/compose/src/main/java/com/idle/compose/ModifierUtil.kt

@@ -4,12 +4,19 @@ import androidx.compose.foundation.clickable
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.composed
 import androidx.compose.ui.focus.FocusManager
 import androidx.compose.ui.input.pointer.pointerInput
 
-fun Modifier.addFocusCleaner(focusManager: FocusManager, doOnClear: () -> Unit = {}): Modifier {
+fun Modifier.addFocusCleaner(
+    focusManager: FocusManager,
+    doOnClear: () -> Unit = {},
+): Modifier {
     return this.pointerInput(Unit) {
         detectTapGestures(
             onTap = {
@@ -23,12 +30,20 @@ fun Modifier.addFocusCleaner(focusManager: FocusManager, doOnClear: () -> Unit =
 @Composable
 fun Modifier.clickable(
     enabled: Boolean = true,
+    throttleTime: Long = 0L,
     onClick: () -> Unit,
-): Modifier {
-    return this.clickable(
+): Modifier = composed {
+    var lastClickTime by remember { mutableStateOf(0L) }
+
+    this.clickable(
         interactionSource = remember { MutableInteractionSource() },
         indication = null,
         enabled = enabled,
-        onClick = onClick,
-    )
-}
+    ) {
+        val currentTime = System.currentTimeMillis()
+        if (currentTime - lastClickTime >= throttleTime) {
+            onClick()
+            lastClickTime = currentTime
+        }
+    }
+}

core/designsystem/compose/src/main/java/com/idle/designsystem/compose/component/Button.kt

@@ -12,6 +12,10 @@ import androidx.compose.material3.Button
 import androidx.compose.material3.ButtonColors
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.tooling.preview.Devices
@@ -26,9 +30,18 @@ fun CareButtonSmall(
     onClick: () -> Unit,
     enable: Boolean,
     modifier: Modifier = Modifier,
+    throttleTime: Long = 0L,
 ) {
+    var lastClickTime by remember { mutableStateOf(0L) }
+
     Button(
-        onClick = onClick,
+        onClick = {
+            val currentTime = System.currentTimeMillis()
+            if (currentTime - lastClickTime >= throttleTime) {
+                onClick()
+                lastClickTime = currentTime
+            }
+        },
         enabled = enable,
         shape = RoundedCornerShape(8.dp),
         contentPadding = PaddingValues(0.dp),
@@ -57,9 +70,18 @@ fun CareButtonMedium(
     containerColor: Color = CareTheme.colors.orange500,
     textColor: Color = CareTheme.colors.white000,
     border: BorderStroke? = null,
+    throttleTime: Long = 0L,
 ) {
+    var lastClickTime by remember { mutableStateOf(0L) }
+
     Button(
-        onClick = onClick,
+        onClick = {
+            val currentTime = System.currentTimeMillis()
+            if (currentTime - lastClickTime >= throttleTime) {
+                onClick()
+                lastClickTime = currentTime
+            }
+        },
         enabled = enable,
         shape = RoundedCornerShape(8.dp),
         border = border,
@@ -89,9 +111,18 @@ fun CareButtonLarge(
     disabledContainerColor: Color = CareTheme.colors.gray200,
     textColor: Color = CareTheme.colors.white000,
     border: BorderStroke? = null,
+    throttleTime: Long = 0L,
 ) {
+    var lastClickTime by remember { mutableStateOf(0L) }
+
     Button(
-        onClick = onClick,
+        onClick = {
+            val currentTime = System.currentTimeMillis()
+            if (currentTime - lastClickTime >= throttleTime) {
+                onClick()
+                lastClickTime = currentTime
+            }
+        },
         enabled = enable,
         shape = RoundedCornerShape(8.dp),
         colors = ButtonColors(
@@ -117,9 +148,18 @@ fun CareButtonCardLarge(
     onClick: () -> Unit,
     modifier: Modifier = Modifier,
     enable: Boolean = true,
+    throttleTime: Long = 0L,
 ) {
+    var lastClickTime by remember { mutableStateOf(0L) }
+
     Button(
-        onClick = onClick,
+        onClick = {
+            val currentTime = System.currentTimeMillis()
+            if (currentTime - lastClickTime >= throttleTime) {
+                onClick()
+                lastClickTime = currentTime
+            }
+        },
         enabled = enable,
         shape = RoundedCornerShape(6.dp),
         colors = ButtonColors(
@@ -147,9 +187,18 @@ fun CareButtonCardMedium(
     containerColor: Color = CareTheme.colors.orange500,
     textColor: Color = CareTheme.colors.white000,
     border: BorderStroke? = null,
+    throttleTime: Long = 0L,
 ) {
+    var lastClickTime by remember { mutableStateOf(0L) }
+
     Button(
-        onClick = onClick,
+        onClick = {
+            val currentTime = System.currentTimeMillis()
+            if (currentTime - lastClickTime >= throttleTime) {
+                onClick()
+                lastClickTime = currentTime
+            }
+        },
         enabled = enable,
         border = border,
         shape = RoundedCornerShape(6.dp),
@@ -175,9 +224,18 @@ fun CareButtonRound(
     onClick: () -> Unit,
     modifier: Modifier = Modifier,
     enable: Boolean = true,
+    throttleTime: Long = 0L,
 ) {
+    var lastClickTime by remember { mutableStateOf(0L) }
+
     Button(
-        onClick = onClick,
+        onClick = {
+            val currentTime = System.currentTimeMillis()
+            if (currentTime - lastClickTime >= throttleTime) {
+                onClick()
+                lastClickTime = currentTime
+            }
+        },
         enabled = enable,
         shape = RoundedCornerShape(19.dp),
         border = BorderStroke(width = 1.dp, color = CareTheme.colors.gray100),
@@ -207,9 +265,18 @@ fun CareButtonLine(
     borderColor: Color = CareTheme.colors.orange400,
     containerColor: Color = CareTheme.colors.white000,
     textColor: Color = CareTheme.colors.orange500,
+    throttleTime: Long = 0L,
 ) {
+    var lastClickTime by remember { mutableStateOf(0L) }
+
     Button(
-        onClick = onClick,
+        onClick = {
+            val currentTime = System.currentTimeMillis()
+            if (currentTime - lastClickTime >= throttleTime) {
+                onClick()
+                lastClickTime = currentTime
+            }
+        },
         enabled = enable,
         shape = RoundedCornerShape(6.dp),
         border = BorderStroke(
@@ -241,9 +308,18 @@ fun CareDialogButton(
     modifier: Modifier = Modifier,
     border: BorderStroke? = null,
     enable: Boolean = true,
+    throttleTime: Long = 0L,
 ) {
+    var lastClickTime by remember { mutableStateOf(0L) }
+
     Button(
-        onClick = onClick,
+        onClick = {
+            val currentTime = System.currentTimeMillis()
+            if (currentTime - lastClickTime >= throttleTime) {
+                onClick()
+                lastClickTime = currentTime
+            }
+        },
         enabled = enable,
         shape = RoundedCornerShape(6.dp),
         border = border,
@@ -273,9 +349,18 @@ fun CareFloatingButton(
     modifier: Modifier = Modifier,
     border: BorderStroke? = null,
     enable: Boolean = true,
+    throttleTime: Long = 0L,
 ) {
+    var lastClickTime by remember { mutableStateOf(0L) }
+
     Button(
-        onClick = onClick,
+        onClick = {
+            val currentTime = System.currentTimeMillis()
+            if (currentTime - lastClickTime >= throttleTime) {
+                onClick()
+                lastClickTime = currentTime
+            }
+        },
         enabled = enable,
         shape = RoundedCornerShape(50.dp),
         border = border,
@@ -440,7 +525,11 @@ private fun PreviewButtonPrimaryDefaultFloating() {
 }
 
 // Flip Group Previews
-@Preview(name = "Button_Primary_Flip_Large", showBackground = true, device = FLIP, group = "Flip")
+@Preview(
+    name = "Button_Primary_Flip_Large", showBackground = true,
+    device = FLIP,
+    group = "Flip"
+)
 @Composable
 private fun PreviewButtonPrimaryFlipLarge() {
     PreviewButtonLarge()

core/designsystem/compose/src/main/java/com/idle/designsystem/compose/component/TextField.kt

@@ -21,7 +21,10 @@ import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalSoftwareKeyboardController
@@ -51,6 +54,7 @@ fun CareTextField(
     readOnly: Boolean = false,
     enabled: Boolean = true,
     isError: Boolean = false,
+    throttleTime: Long = 0L,
     onDone: () -> Unit = {},
     textStyle: TextStyle = CareTheme.typography.body3.copy(
         color = if (readOnly) {
@@ -74,6 +78,7 @@ fun CareTextField(
             CareTheme.colors.gray100
         },
     )
+    var lastDoneTime by remember { mutableStateOf(0L) }
 
     Column(
         verticalArrangement = Arrangement.spacedBy(4.dp),
@@ -110,8 +115,12 @@ fun CareTextField(
                     imeAction = ImeAction.Done
                 ),
                 keyboardActions = KeyboardActions(onDone = {
-                    keyboardController?.hide()
-                    onDone()
+                    val currentTime = System.currentTimeMillis()
+                    if (currentTime - lastDoneTime >= throttleTime) {
+                        keyboardController?.hide()
+                        onDone()
+                        lastDoneTime = currentTime
+                    }
                 }),
                 modifier = Modifier
                     .weight(1f)
@@ -156,6 +165,7 @@ fun CareTextField(
     readOnly: Boolean = false,
     enabled: Boolean = true,
     isError: Boolean = false,
+    throttleTime: Long = 0L,
     onDone: () -> Unit = {},
     textStyle: TextStyle = CareTheme.typography.body3.copy(
         color = if (readOnly) {
@@ -179,6 +189,7 @@ fun CareTextField(
             CareTheme.colors.gray100
         },
     )
+    var lastDoneTime by remember { mutableStateOf(0L) }
 
     Row(
         verticalAlignment = Alignment.CenterVertically,
@@ -211,8 +222,12 @@ fun CareTextField(
                 imeAction = ImeAction.Done
             ),
             keyboardActions = KeyboardActions(onDone = {
-                keyboardController?.hide()
-                onDone()
+                val currentTime = System.currentTimeMillis()
+                if (currentTime - lastDoneTime >= throttleTime) {
+                    keyboardController?.hide()
+                    onDone()
+                    lastDoneTime = currentTime
+                }
             }),
             modifier = Modifier
                 .weight(1f)
@@ -244,6 +259,7 @@ fun CareTextFieldLong(
     isError: Boolean = false,
     visualTransformation: VisualTransformation = VisualTransformation.None,
     onValueChanged: (String) -> Unit,
+    throttleTime: Long = 0L,
     onDone: () -> Unit = {},
     modifier: Modifier = Modifier,
 ) {
@@ -260,6 +276,7 @@ fun CareTextFieldLong(
             CareTheme.colors.gray100
         },
     )
+    var lastDoneTime by remember { mutableStateOf(0L) }
 
     Box(
         modifier = modifier
@@ -293,8 +310,12 @@ fun CareTextFieldLong(
             visualTransformation = visualTransformation,
             keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done),
             keyboardActions = KeyboardActions(onDone = {
-                onDone()
-                keyboardController?.hide()
+                val currentTime = System.currentTimeMillis()
+                if (currentTime - lastDoneTime >= throttleTime) {
+                    keyboardController?.hide()
+                    onDone()
+                    lastDoneTime = currentTime
+                }
             }),
             modifier = Modifier.fillMaxSize(),
             decorationBox = { innerTextField ->
@@ -318,6 +339,7 @@ fun CareClickableTextField(
     onClick: () -> Unit,
     modifier: Modifier = Modifier,
     hint: String = "",
+    throttleTime: Long = 0L,
     leftComponent: @Composable () -> Unit = {},
 ) {
     Row(
@@ -330,7 +352,10 @@ fun CareClickableTextField(
                 border = BorderStroke(width = 1.dp, color = CareTheme.colors.gray100),
                 shape = RoundedCornerShape(6.dp)
             )
-            .clickable(onClick = onClick)
+            .clickable(
+                onClick = onClick,
+                throttleTime = throttleTime,
+            )
             .padding(horizontal = 16.dp),
     ) {
         Text(