feat: use fee rate details in send confirm screen

Author: ovitrif

app/src/main/java/to/bitkit/ui/screens/wallets/send/SendConfirmScreen.kt

@@ -45,13 +45,15 @@ import to.bitkit.R
 import to.bitkit.ext.DatePattern
 import to.bitkit.ext.commentAllowed
 import to.bitkit.ext.formatted
+import to.bitkit.models.FeeRate
 import to.bitkit.ui.components.BalanceHeaderView
 import to.bitkit.ui.components.BiometricsView
 import to.bitkit.ui.components.BodySSB
 import to.bitkit.ui.components.BottomSheetPreview
 import to.bitkit.ui.components.ButtonSize
 import to.bitkit.ui.components.Caption13Up
 import to.bitkit.ui.components.FillHeight
+import to.bitkit.ui.components.MoneySSB
 import to.bitkit.ui.components.PrimaryButton
 import to.bitkit.ui.components.SwipeToConfirm
 import to.bitkit.ui.components.TagButton
@@ -303,6 +305,7 @@ private fun OnChainDescription(
     uiState: SendUiState,
     onEvent: (SendEvent) -> Unit,
 ) {
+    val fee by remember(uiState.speed) { mutableStateOf(FeeRate.fromSpeed(uiState.speed)) }
     Column(modifier = Modifier.fillMaxWidth()) {
         Caption13Up(
             text = stringResource(R.string.wallet__send_to),
@@ -320,56 +323,71 @@ private fun OnChainDescription(
                 modifier = Modifier
                     .fillMaxHeight()
                     .weight(1f)
-                    .clickableAlpha { onEvent(SendEvent.SpeedAndFee) }
             ) {
-                VerticalSpacer(16.dp)
-                Caption13Up(text = stringResource(R.string.wallet__send_fee_and_speed), color = Colors.White64)
-                Spacer(modifier = Modifier.height(8.dp))
-                Row(
-                    verticalAlignment = Alignment.CenterVertically,
-                    horizontalArrangement = Arrangement.spacedBy(4.dp),
+                Column(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .clickableAlpha { onEvent(SendEvent.SpeedAndFee) }
                 ) {
-                    Icon(
-                        painterResource(R.drawable.ic_speed_normal),
-                        contentDescription = null,
-                        tint = Colors.Brand,
-                        modifier = Modifier.size(16.dp)
-                    )
-                    BodySSB(text = "Normal (₿ 210)") // TODO GET FROM STATE
-                    Icon(
-                        painterResource(R.drawable.ic_pencil),
-                        contentDescription = null,
-                        modifier = Modifier.size(16.dp)
-                    )
+                    VerticalSpacer(16.dp)
+                    Caption13Up(stringResource(R.string.wallet__send_fee_and_speed), color = Colors.White64)
+                    VerticalSpacer(8.dp)
+                    Row(
+                        verticalAlignment = Alignment.CenterVertically,
+                        horizontalArrangement = Arrangement.spacedBy(4.dp),
+                    ) {
+                        Icon(
+                            painterResource(fee.icon),
+                            contentDescription = null,
+                            tint = fee.color,
+                            modifier = Modifier.size(16.dp)
+                        )
+                        Row {
+                            BodySSB(stringResource(fee.title) + " (")
+                            MoneySSB(sats = 210, accent = Colors.White) // TODO get from state
+                            BodySSB(")")
+                        }
+                        Icon(
+                            painterResource(R.drawable.ic_pencil),
+                            contentDescription = null,
+                            modifier = Modifier.size(16.dp)
+                        )
+                    }
+                    FillHeight()
+                    VerticalSpacer(16.dp)
                 }
-                Spacer(modifier = Modifier.weight(1f))
-                HorizontalDivider(modifier = Modifier.padding(top = 16.dp))
+                HorizontalDivider()
             }
             Column(
                 modifier = Modifier
                     .fillMaxHeight()
                     .weight(1f)
-                    .clickableAlpha { onEvent(SendEvent.SpeedAndFee) }
             ) {
-                VerticalSpacer(16.dp)
-                Caption13Up(text = stringResource(R.string.wallet__send_confirming_in), color = Colors.White64)
-                Spacer(modifier = Modifier.height(8.dp))
-                Row(
-                    verticalAlignment = Alignment.CenterVertically,
-                    horizontalArrangement = Arrangement.spacedBy(4.dp),
+                Column(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .clickableAlpha { onEvent(SendEvent.SpeedAndFee) }
                 ) {
-                    Icon(
-                        painterResource(R.drawable.ic_clock),
-                        contentDescription = null,
-                        tint = Colors.Brand,
-                        modifier = Modifier.size(16.dp)
-                    )
-                    BodySSB(text = "± 20-60 minutes") // TODO GET FROM STATE
+                    VerticalSpacer(16.dp)
+                    Caption13Up(text = stringResource(R.string.wallet__send_confirming_in), color = Colors.White64)
+                    Spacer(modifier = Modifier.height(8.dp))
+                    Row(
+                        verticalAlignment = Alignment.CenterVertically,
+                        horizontalArrangement = Arrangement.spacedBy(4.dp),
+                    ) {
+                        Icon(
+                            painterResource(R.drawable.ic_clock),
+                            contentDescription = null,
+                            tint = Colors.Brand,
+                            modifier = Modifier.size(16.dp)
+                        )
+                        BodySSB(stringResource(fee.description))
+                    }
+                    FillHeight()
+                    VerticalSpacer(16.dp)
+                    HorizontalDivider()
                 }
-                Spacer(modifier = Modifier.weight(1f))
-                HorizontalDivider(modifier = Modifier.padding(top = 16.dp))
             }
-
         }
     }
 }