feat: implement BalanceHeaderEditable WIP

Author: jvsena42

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

@@ -8,6 +8,9 @@ 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.LaunchedEffect
+import androidx.compose.runtime.mutableLongStateOf
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
@@ -16,6 +19,12 @@ import to.bitkit.models.ConvertedAmount
 import to.bitkit.models.PrimaryDisplay
 import to.bitkit.ui.LocalCurrencies
 import to.bitkit.ui.currencyViewModel
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.setValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
+import to.bitkit.ext.removeSpaces
+import to.bitkit.models.BitcoinDisplayUnit
 import to.bitkit.ui.shared.util.clickableAlpha
 import to.bitkit.ui.theme.AppThemeSurface
 import to.bitkit.ui.theme.Colors
@@ -62,6 +71,53 @@ fun BalanceHeaderView(
     }
 }
 
+@Composable
+fun BalanceHeaderEditable(
+    input: String,
+    showBitcoinSymbol: Boolean = true,
+    onSatsChanged: (String) -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    val (rates, _, _, _, displayUnit, primaryDisplay) = LocalCurrencies.current
+    val currency = currencyViewModel ?: return
+
+    var placeholder: String by remember { mutableStateOf("0") }
+    var placeholderFractional: String by remember { mutableStateOf("") }
+
+    if (displayUnit == BitcoinDisplayUnit.CLASSIC) {
+        placeholderFractional = "00000000"
+    }
+
+    if (primaryDisplay == PrimaryDisplay.FIAT) {
+        placeholderFractional = "00"
+    }
+
+    if (placeholderFractional.isNotEmpty()) {
+        placeholder = "0.$placeholderFractional"
+    }
+
+    var smallRowPrefix: String by remember { mutableStateOf("") }
+    var smallRowText: String by remember { mutableStateOf("") }
+    var smallRowSymbol: String by remember { mutableStateOf("") }
+
+    var largeRowPrefix: String by remember { mutableStateOf("") }
+    var largeRowText: String by remember { mutableStateOf("") }
+    var largeRowSymbol: String by remember { mutableStateOf("") }
+
+
+    BalanceHeader(
+        modifier = modifier,
+        smallRowPrefix = smallRowPrefix,
+        smallRowSymbol = smallRowSymbol,
+        smallRowText = smallRowText,
+        largeRowPrefix = largeRowPrefix,
+        largeRowText = largeRowText,
+        largeRowSymbol = largeRowSymbol,
+        showSymbol = showBitcoinSymbol,
+        onClick = {  }
+    )
+}
+
 @Composable
 fun BalanceHeader(
     modifier: Modifier = Modifier,