feat: set NumberPadTextField

Author: jvsena42

app/src/main/java/to/bitkit/ui/screens/wallets/receive/EditInvoiceScreen.kt

@@ -1,18 +1,40 @@
 package to.bitkit.ui.screens.wallets.receive
 
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+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.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.platform.testTag
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import to.bitkit.R
+import to.bitkit.models.BalanceState
+import to.bitkit.models.BitcoinDisplayUnit
+import to.bitkit.models.PrimaryDisplay
 import to.bitkit.ui.LocalCurrencies
 import to.bitkit.ui.components.AmountInputHandler
+import to.bitkit.ui.components.NumberPadTextField
 import to.bitkit.ui.currencyViewModel
+import to.bitkit.ui.scaffold.SheetTopBar
+import to.bitkit.ui.shared.util.gradientBackground
 import to.bitkit.viewmodels.CurrencyUiState
+import to.bitkit.viewmodels.SendEvent
+import to.bitkit.viewmodels.SendUiState
 
 @Composable
 fun EditInvoiceScreen(
     currencyUiState: CurrencyUiState = LocalCurrencies.current,
+    onEvent: (SendEvent) -> Unit,
+    onBack: () -> Unit,
 ) {
     val currencyVM = currencyViewModel ?: return
     var input: String by remember { mutableStateOf("") }
@@ -22,7 +44,53 @@ fun EditInvoiceScreen(
         primaryDisplay = currencyUiState.primaryDisplay,
         displayUnit = currencyUiState.displayUnit,
         onInputChanged = { newInput -> input = newInput },
-        onAmountCalculated = { sats ->  },
+        onAmountCalculated = { sats -> },
         currencyVM = currencyVM
     )
+
+    EditInvoiceContent(
+        input = input,
+        primaryDisplay = currencyUiState.primaryDisplay,
+        displayUnit = currencyUiState.displayUnit,
+        onEvent = onEvent,
+        onBack = onBack
+    )
 }
+
+@Composable
+fun EditInvoiceContent(
+    input: String,
+    primaryDisplay: PrimaryDisplay,
+    displayUnit: BitcoinDisplayUnit,
+    onEvent: (SendEvent) -> Unit,
+    onBack: () -> Unit,
+){
+    val keyboardVisible by remember { mutableStateOf(false) }
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .gradientBackground()
+    ) {
+        SheetTopBar(stringResource(R.string.wallet__receive_specify)) {
+            onEvent(SendEvent.AmountReset)
+            onBack()
+        }
+
+        Column(
+            modifier = Modifier.padding(horizontal = 16.dp)
+        ) {
+            Spacer(Modifier.height(16.dp))
+
+            NumberPadTextField(
+                input = input,
+                displayUnit = displayUnit,
+                primaryDisplay = primaryDisplay,
+                modifier = Modifier.fillMaxWidth().testTag("amount_input_field")
+            )
+
+            Spacer(modifier = Modifier.weight(1f))
+        }
+    }
+}
+