fix: keyboard submit type (#89)

* fix: config * fix: add keyboard submit type * fix: use cross-platform selectionColor instead of android-only cursorColor
getAlby · Sep 6, 2024 · 67830d2 · 67830d2
1 parent b7bb6df
commit 67830d2
Show file tree

Hide file tree

Showing 10 changed files with 12 additions and 2 deletions.
diff --git a/components/DualCurrencyInput.tsx b/components/DualCurrencyInput.tsx
@@ -52,11 +52,12 @@ export function DualCurrencyInput({
         placeholder="0"
         keyboardType="number-pad"
         value={inputMode === "sats" ? amount : fiatAmount}
-        cursorColor={CURSOR_COLOR}
+        selectionColor={CURSOR_COLOR}
         onChangeText={onChangeText}
         aria-labelledbyledBy="amount"
         style={styles.amountInput}
         autoFocus={autoFocus}
+        returnKeyType="done"
       // aria-errormessage="inputError"
       />
       <Pressable onPress={toggleInputMode}>

diff --git a/components/ui/input.tsx b/components/ui/input.tsx
@@ -16,7 +16,7 @@ const Input = React.forwardRef<
         props.editable === false && 'opacity-50 web:cursor-not-allowed',
         className
       )}
-      cursorColor={CURSOR_COLOR}
+      selectionColor={CURSOR_COLOR}
       placeholderClassName={cn('text-muted-foreground', placeholderClassName)}
       {...props}
     />

diff --git a/pages/receive/Receive.tsx b/pages/receive/Receive.tsx
@@ -290,6 +290,7 @@ export function Receive() {
                   placeholder="No description"
                   value={comment}
                   onChangeText={setComment}
+                  returnKeyType="done"
                 />
               </View>
             </View>

diff --git a/pages/send/LNURLPay.tsx b/pages/send/LNURLPay.tsx
@@ -66,6 +66,7 @@ export function LNURLPay() {
                 placeholder="Enter an optional comment"
                 value={comment}
                 onChangeText={setComment}
+                returnKeyType="done"
               />
             </View>
             <View>

diff --git a/pages/send/Send.tsx b/pages/send/Send.tsx
@@ -172,6 +172,7 @@ export function Send() {
                     onChangeText={setKeyboardText}
                     inputMode="email"
                     autoFocus
+                    returnKeyType="done"
                   // aria-errormessage="inputError"
                   />
                 </View>

diff --git a/pages/settings/FiatCurrency.tsx b/pages/settings/FiatCurrency.tsx
@@ -29,6 +29,7 @@ export function FiatCurrency() {
             placeholder="USD"
             value={fiatCurrency}
             onChangeText={setFiatCurrency}
+            returnKeyType="done"
           // aria-errormessage="inputError"
           />
         </View>

diff --git a/pages/settings/address-book/NewAddressBookEntry.tsx b/pages/settings/address-book/NewAddressBookEntry.tsx
@@ -34,6 +34,7 @@ export function NewAddressBookEntry() {
             value={name}
             onChangeText={setName}
             aria-labelledbyledBy="name"
+            returnKeyType="done"
           // aria-errormessage="inputError"
           />
           <Label
@@ -49,6 +50,7 @@ export function NewAddressBookEntry() {
             placeholder="[email protected]"
             onChangeText={setLightningAddress}
             aria-labelledbyledBy="lightningAddress"
+            returnKeyType="done"
           // aria-errormessage="inputError"
           />
         </View>

diff --git a/pages/settings/wallets/LightningAddress.tsx b/pages/settings/wallets/LightningAddress.tsx
@@ -36,6 +36,7 @@ export function LightningAddress() {
               placeholder="[email protected]"
               value={lightningAddress}
               onChangeText={setLightningAddress}
+              returnKeyType="done"
             // aria-errormessage="inputError"
             />
           </View>

diff --git a/pages/settings/wallets/NewWallet.tsx b/pages/settings/wallets/NewWallet.tsx
@@ -32,6 +32,7 @@ export function NewWallet() {
             onChangeText={setName}
             aria-labelledbyledBy="name"
             placeholder="Enter a name for your wallet"
+            returnKeyType="done"
           // aria-errormessage="inputError"
           />
         </View>

diff --git a/pages/settings/wallets/RenameWallet.tsx b/pages/settings/wallets/RenameWallet.tsx
@@ -33,6 +33,7 @@ export function RenameWallet() {
             placeholder={DEFAULT_WALLET_NAME}
             value={walletName}
             onChangeText={setWalletName}
+            returnKeyType="done"
           // aria-errormessage="inputError"
           />
         </View>