fix: apply v59 style

Author: jvsena42

app/src/main/java/to/bitkit/ui/components/NumberPadActionButton.kt

@@ -2,15 +2,17 @@ package to.bitkit.ui.components
 
 import androidx.annotation.DrawableRes
 import androidx.compose.foundation.BorderStroke
-import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.requiredHeight
 import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Button
 import androidx.compose.material3.Icon
-import androidx.compose.material3.Surface
+import androidx.compose.material3.OutlinedButton
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -19,7 +21,9 @@ import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import to.bitkit.R
-import to.bitkit.ui.theme.AppShapes
+import to.bitkit.ui.shared.modifiers.clickableAlpha
+import to.bitkit.ui.shared.util.primaryButtonStyle
+import to.bitkit.ui.theme.AppButtonDefaults
 import to.bitkit.ui.theme.AppThemeSurface
 import to.bitkit.ui.theme.Colors
 
@@ -32,36 +36,74 @@ fun NumberPadActionButton(
     enabled: Boolean = true,
     @DrawableRes icon: Int? = null,
 ) {
-    val borderColor = if (enabled) Color.Transparent else color
-    val bgColor = if (enabled) Colors.White10 else Color.Transparent
+    val contentPadding = PaddingValues(horizontal = 8.dp, vertical = 5.dp)
+    val height = 28.dp
+    val buttonShape = RoundedCornerShape(8.dp)
 
-    Surface(
-        color = bgColor,
-        shape = AppShapes.small,
-        border = BorderStroke(1.dp, borderColor),
-        modifier = modifier
-            .clickable(
-                enabled = enabled,
-                onClick = onClick,
-            )
-    ) {
-        Row(
-            verticalAlignment = Alignment.CenterVertically,
-            horizontalArrangement = Arrangement.spacedBy(8.dp),
-            modifier = Modifier.padding(PaddingValues(8.dp, 5.dp))
+    if (enabled) {
+        Button(
+            onClick = {},
+            colors = AppButtonDefaults.primaryColors.copy(
+                containerColor = Color.Transparent,
+                disabledContainerColor = Color.Transparent
+            ),
+            contentPadding = contentPadding,
+            shape = buttonShape,
+            modifier = Modifier
+                .requiredHeight(height)
+                .primaryButtonStyle(
+                    isEnabled = true,
+                    shape = buttonShape,
+                )
+                .clickableAlpha { onClick() }
+                .then(modifier)
         ) {
-            if (icon != null) {
-                Icon(
-                    painter = painterResource(icon),
-                    contentDescription = text,
-                    tint = color,
-                    modifier = Modifier.size(16.dp)
+            Row(
+                verticalAlignment = Alignment.CenterVertically,
+                horizontalArrangement = Arrangement.spacedBy(8.dp),
+            ) {
+                if (icon != null) {
+                    Icon(
+                        painter = painterResource(icon),
+                        contentDescription = text,
+                        tint = color,
+                        modifier = Modifier.size(16.dp)
+                    )
+                }
+                Caption13Up(
+                    text = text,
+                    color = color,
+                )
+            }
+        }
+    } else {
+        OutlinedButton(
+            onClick = onClick,
+            shape = buttonShape,
+            colors = AppButtonDefaults.secondaryColors,
+            contentPadding = contentPadding,
+            border = BorderStroke(width = 1.dp, color = color),
+            modifier = Modifier
+                .requiredHeight(height)
+                .then(modifier)
+        ) {
+            Row(
+                verticalAlignment = Alignment.CenterVertically,
+                horizontalArrangement = Arrangement.spacedBy(8.dp),
+            ) {
+                if (icon != null) {
+                    Icon(
+                        painter = painterResource(icon),
+                        contentDescription = text,
+                        tint = color,
+                        modifier = Modifier.size(16.dp)
+                    )
+                }
+                Caption13Up(
+                    text = text,
+                    color = color,
                 )
             }
-            Caption13Up(
-                text = text,
-                color = color,
-            )
         }
     }
 }