fix(wallet-mobile): autofocus and caret color for send edit amount (#…

…3692)
Emurgo · Oct 17, 2024 · 944bf3f · 944bf3f
1 parent bc0ae2b
commit 944bf3f
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/...allet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/EditAmountScreen.tsx b/...allet-mobile/src/features/Send/useCases/ListAmountsToSend/EditAmount/EditAmountScreen.tsx
@@ -46,15 +46,15 @@ export const EditAmountScreen = () => {
 
   const [quantity, setQuantity] = React.useState(initialQuantity)
   const [inputValue, setInputValue] = React.useState(
-    atomicBreakdown(initialQuantity, amount.info.decimals).bn.toFormat(),
+    initialQuantity === 0n ? '' : atomicBreakdown(initialQuantity, amount.info.decimals).bn.toFormat(),
   )
   const spendable = isPrimary ? available - primaryBreakdown.lockedAsStorageCost : available
 
   useOverridePreviousSendTxRoute(initialQuantity === 0n ? 'send-select-token-from-list' : 'send-list-amounts-to-send')
 
   React.useEffect(() => {
     setQuantity(initialQuantity)
-    setInputValue(atomicBreakdown(initialQuantity, amount.info.decimals).bn.toFormat())
+    setInputValue(initialQuantity === 0n ? '' : atomicBreakdown(initialQuantity, amount.info.decimals).bn.toFormat())
   }, [amount.info.decimals, initialQuantity])
 
   const isFocused = useIsFocused()
@@ -216,6 +216,7 @@ const AmountInput = ({onChange, value, ticker}: AmountInputProps) => {
       underlineColorAndroid="transparent"
       activeUnderlineColor="transparent"
       selectionColor={colors.selected}
+      cursorColor={colors.cursor}
       noHelper
     />
   )
@@ -272,7 +273,7 @@ const useStyles = () => {
     },
   })
   const colors = {
-    black: color.gray_max,
+    cursor: color.el_gray_max,
     selected: color.input_selected,
   }
   return {styles, colors} as const