Merge pull request #73 from synonymdev/feat/unit-button-send-amount

Implement UnitButton in SendAmountScreen

Author: ovitrif

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

@@ -7,32 +7,38 @@ import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
 import androidx.compose.material3.HorizontalDivider
-import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
 import to.bitkit.R
+import to.bitkit.models.PrimaryDisplay
 import to.bitkit.ui.LocalBalances
+import to.bitkit.ui.LocalCurrencies
 import to.bitkit.ui.components.BalanceHeaderView
 import to.bitkit.ui.components.Keyboard
+import to.bitkit.ui.components.MoneySSB
 import to.bitkit.ui.components.OutlinedColorButton
 import to.bitkit.ui.components.PrimaryButton
 import to.bitkit.ui.components.Text13Up
+import to.bitkit.ui.components.UnitButton
 import to.bitkit.ui.scaffold.SheetTopBar
-import to.bitkit.ui.shared.moneyString
 import to.bitkit.ui.shared.util.DarkModePreview
 import to.bitkit.ui.theme.AppThemeSurface
 import to.bitkit.ui.theme.Colors
+import to.bitkit.viewmodels.CurrencyUiState
 import to.bitkit.viewmodels.SendEvent
 import to.bitkit.viewmodels.SendMethod
 import to.bitkit.viewmodels.SendUiState
 
+
 @Composable
 fun SendAmountScreen(
     uiState: SendUiState,
+    currencyUiState: CurrencyUiState = LocalCurrencies.current,
     onBack: () -> Unit,
     onEvent: (SendEvent) -> Unit,
 ) {
@@ -50,48 +56,57 @@ fun SendAmountScreen(
 
             Spacer(modifier = Modifier.height(24.dp))
 
+            Text13Up(
+                text = stringResource(R.string.wallet__send_available),
+                color = Colors.White64,
+            )
+            Spacer(modifier = Modifier.height(4.dp))
+
             Row(
-                verticalAlignment = Alignment.Bottom,
+                verticalAlignment = Alignment.CenterVertically,
             ) {
-                Column {
-                    val balances = LocalBalances.current
-                    Text13Up(
-                        text = stringResource(R.string.wallet__send_available),
-                        color = Colors.White64,
-                    )
-                    Spacer(modifier = Modifier.height(8.dp))
-                    Text(
-                        text = when (uiState.payMethod) {
-                            SendMethod.ONCHAIN -> moneyString(balances.totalOnchainSats.toLong())
-                            SendMethod.LIGHTNING -> moneyString(balances.totalLightningSats.toLong())
-                        }
-                    )
+                val balances = LocalBalances.current
+                val availableAmount = when (uiState.payMethod) {
+                    SendMethod.ONCHAIN -> balances.totalOnchainSats.toLong()
+                    SendMethod.LIGHTNING -> balances.totalLightningSats.toLong()
                 }
+                MoneySSB(sats = availableAmount.toLong())
+
                 Spacer(modifier = Modifier.weight(1f))
+
                 OutlinedColorButton(
                     onClick = { onEvent(SendEvent.PaymentMethodSwitch) },
                     enabled = uiState.isUnified,
                     color = when (uiState.payMethod) {
                         SendMethod.ONCHAIN -> Colors.Brand
                         SendMethod.LIGHTNING -> Colors.Purple
-                    }
+                    },
+                    modifier = Modifier.height(28.dp)
                 ) {
-                    Text(
+                    Text13Up(
                         text = when (uiState.payMethod) {
                             SendMethod.ONCHAIN -> stringResource(R.string.savings)
                             SendMethod.LIGHTNING -> stringResource(R.string.spending)
+                        },
+                        color = when (uiState.payMethod) {
+                            SendMethod.ONCHAIN -> Colors.Brand
+                            SendMethod.LIGHTNING -> Colors.Purple
                         }
                     )
                 }
+                Spacer(modifier = Modifier.width(8.dp))
+                UnitButton(
+                    modifier = Modifier.height(28.dp)
+                )
             }
 
             Spacer(modifier = Modifier.weight(1f))
 
-            HorizontalDivider(modifier = Modifier.padding(vertical = 32.dp))
+            HorizontalDivider(modifier = Modifier.padding(vertical = 24.dp))
 
             Keyboard(
                 onClick = { number -> onEvent(SendEvent.AmountChange(number)) },
-                isDecimal = false, //TODO UPDATE IN OTHER PR
+                isDecimal = currencyUiState.primaryDisplay == PrimaryDisplay.FIAT,
                 modifier = Modifier.fillMaxWidth(),
             )