From 857afadb39a4e431d825d7cf7ac94455d8636ae7 Mon Sep 17 00:00:00 2001
From: tuliomir <tulio.mir@gmail.com>
Date: Sat, 6 Jan 2024 21:45:13 -0300
Subject: [PATCH 1/4] feat: closes keyboard on screen press

---
 src/screens/CreateTokenAmount.js | 78 ++++++++++++++++----------------
 1 file changed, 40 insertions(+), 38 deletions(-)

diff --git a/src/screens/CreateTokenAmount.js b/src/screens/CreateTokenAmount.js
index ecbcf9aa4..3f1575767 100644
--- a/src/screens/CreateTokenAmount.js
+++ b/src/screens/CreateTokenAmount.js
@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { KeyboardAvoidingView, Text, View } from 'react-native';
+import { Keyboard, KeyboardAvoidingView, Pressable, Text, View } from 'react-native';
 import { get } from 'lodash';
 import { connect } from 'react-redux';
 import { t, jt } from 'ttag';
@@ -115,44 +115,46 @@ class CreateTokenAmount extends React.Component {
 
     return (
       <View style={{ flex: 1 }}>
-        <HathorHeader
-          title={t`CREATE TOKEN`}
-          onBackPress={() => this.props.navigation.goBack()}
-          onCancel={() => this.props.navigation.getParent().goBack()}
-        />
-        <KeyboardAvoidingView behavior='padding' style={{ flex: 1 }} keyboardVerticalOffset={getKeyboardAvoidingViewTopDistance()}>
-          <View style={{ flex: 1, padding: 16, justifyContent: 'space-between' }}>
-            <View style={{ marginTop: 24 }}>
-              <InputLabel style={{ textAlign: 'center', marginBottom: 16 }}>
-                {t`Amount of ${this.name} (${this.symbol})`}
-              </InputLabel>
-              <AmountTextInput
-                ref={this.inputRef}
-                autoFocus
-                onAmountUpdate={this.onAmountChange}
-                value={this.state.amount}
-              />
+        <Pressable style={{ flex: 1 }} onPress={() => Keyboard.dismiss()}>
+          <HathorHeader
+            title={t`CREATE TOKEN`}
+            onBackPress={() => this.props.navigation.goBack()}
+            onCancel={() => this.props.navigation.getParent().goBack()}
+          />
+          <KeyboardAvoidingView behavior='padding' style={{ flex: 1 }} keyboardVerticalOffset={getKeyboardAvoidingViewTopDistance()}>
+            <View style={{ flex: 1, padding: 16, justifyContent: 'space-between' }}>
+              <View style={{ marginTop: 24 }}>
+                <InputLabel style={{ textAlign: 'center', marginBottom: 16 }}>
+                  {t`Amount of ${this.name} (${this.symbol})`}
+                </InputLabel>
+                <AmountTextInput
+                  ref={this.inputRef}
+                  autoFocus
+                  onAmountUpdate={this.onAmountChange}
+                  value={this.state.amount}
+                />
+              </View>
+              <View>
+                <InfoBox
+                  items={[
+                    <Text>{t`Deposit:`} <Strong style={amountStyle}>
+                      {hathorLib.numberUtils.prettyValue(this.state.deposit)} HTR
+                    </Strong></Text>,
+                    <Text>
+                      {jt`You have ${amountAvailableText} HTR available`}
+                    </Text>
+                  ]}
+                />
+                <NewHathorButton
+                  title={t`Next`}
+                  disabled={this.isButtonDisabled()}
+                  onPress={this.onButtonPress}
+                />
+              </View>
             </View>
-            <View>
-              <InfoBox
-                items={[
-                  <Text>{t`Deposit:`} <Strong style={amountStyle}>
-                    {hathorLib.numberUtils.prettyValue(this.state.deposit)} HTR
-                  </Strong></Text>,
-                  <Text>
-                    {jt`You have ${amountAvailableText} HTR available`}
-                  </Text>
-                ]}
-              />
-              <NewHathorButton
-                title={t`Next`}
-                disabled={this.isButtonDisabled()}
-                onPress={this.onButtonPress}
-              />
-            </View>
-          </View>
-          <OfflineBar style={{ position: 'relative' }} />
-        </KeyboardAvoidingView>
+            <OfflineBar style={{ position: 'relative' }} />
+          </KeyboardAvoidingView>
+        </Pressable>
       </View>
     );
   }

From dce527a70a7231a31b228d3d24e023e97932aaae Mon Sep 17 00:00:00 2001
From: tuliomir <tulio.mir@gmail.com>
Date: Sat, 6 Jan 2024 21:47:13 -0300
Subject: [PATCH 2/4] feat: send amount closes keyboard on screen press

---
 src/screens/SendAmountInput.js | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/screens/SendAmountInput.js b/src/screens/SendAmountInput.js
index 10d55dd02..746294444 100644
--- a/src/screens/SendAmountInput.js
+++ b/src/screens/SendAmountInput.js
@@ -7,7 +7,12 @@
 
 import React from 'react';
 import {
-  KeyboardAvoidingView, StyleSheet, Text, View,
+  Keyboard,
+  KeyboardAvoidingView,
+  Pressable,
+  StyleSheet,
+  Text,
+  View,
 } from 'react-native';
 import { connect } from 'react-redux';
 import { getStatusBarHeight } from 'react-native-status-bar-height';
@@ -143,12 +148,13 @@ class SendAmountInput extends React.Component {
     const tokenNameUpperCase = this.state.token.name.toUpperCase();
     return (
       <View style={{ flex: 1 }}>
-        <HathorHeader
-          withBorder
-          title={t`SEND ${tokenNameUpperCase}`}
-          onBackPress={() => this.props.navigation.goBack()}
-        />
-        <KeyboardAvoidingView behavior='padding' style={{ flex: 1 }} keyboardVerticalOffset={getStatusBarHeight()}>
+        <Pressable style={{ flex: 1 }} onPress={() => Keyboard.dismiss()}>
+          <HathorHeader
+            withBorder
+            title={t`SEND ${tokenNameUpperCase}`}
+            onBackPress={() => this.props.navigation.goBack()}
+          />
+          <KeyboardAvoidingView behavior='padding' style={{ flex: 1 }} keyboardVerticalOffset={getStatusBarHeight()}>
           <View style={{ flex: 1, padding: 16, justifyContent: 'space-between' }}>
             <View>
               <View style={{
@@ -183,6 +189,7 @@ class SendAmountInput extends React.Component {
           </View>
           <OfflineBar style={{ position: 'relative' }} />
         </KeyboardAvoidingView>
+        </Pressable>
       </View>
     );
   }

From 548a966d646b6ac344d55301dc57218646e5ee23 Mon Sep 17 00:00:00 2001
From: tuliomir <tulio.mir@gmail.com>
Date: Sat, 6 Jan 2024 21:49:38 -0300
Subject: [PATCH 3/4] feat: receive closes keyboard on screen press

---
 src/screens/Receive.js | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/screens/Receive.js b/src/screens/Receive.js
index eb3110509..1bc572a9c 100644
--- a/src/screens/Receive.js
+++ b/src/screens/Receive.js
@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { Dimensions, Keyboard, View } from 'react-native';
+import { Dimensions, Keyboard, Pressable, View } from 'react-native';
 import { t } from 'ttag';
 
 import { TabBar, TabView } from 'react-native-tab-view';
@@ -102,18 +102,20 @@ class ReceiveScreen extends React.Component {
 
     return (
       <View style={{ flex: 1 }}>
-        <HathorHeader
-          title={t`RECEIVE`}
-          withBorder
-        />
-        <TabView
-          renderTabBar={(props) => renderTabBar(props)}
-          navigationState={this.state}
-          renderScene={this.renderScene}
-          onIndexChange={this.handleIndexChange}
-          initialLayout={{ width: Dimensions.get('window').width }}
-        />
-        <OfflineBar />
+        <Pressable style={{ flex: 1 }} onPress={() => Keyboard.dismiss()}>
+          <HathorHeader
+            title={t`RECEIVE`}
+            withBorder
+          />
+          <TabView
+            renderTabBar={(props) => renderTabBar(props)}
+            navigationState={this.state}
+            renderScene={this.renderScene}
+            onIndexChange={this.handleIndexChange}
+            initialLayout={{ width: Dimensions.get('window').width }}
+          />
+          <OfflineBar />
+        </Pressable>
       </View>
     );
   }

From f4bf7d028ba66f067945aa1107e2120d089dad7c Mon Sep 17 00:00:00 2001
From: tuliomir <tulio.mir@gmail.com>
Date: Sat, 6 Jan 2024 22:16:13 -0300
Subject: [PATCH 4/4] style: lint

---
 src/screens/SendAmountInput.js | 64 +++++++++++++++++-----------------
 1 file changed, 32 insertions(+), 32 deletions(-)

diff --git a/src/screens/SendAmountInput.js b/src/screens/SendAmountInput.js
index 746294444..c75a05912 100644
--- a/src/screens/SendAmountInput.js
+++ b/src/screens/SendAmountInput.js
@@ -155,40 +155,40 @@ class SendAmountInput extends React.Component {
             onBackPress={() => this.props.navigation.goBack()}
           />
           <KeyboardAvoidingView behavior='padding' style={{ flex: 1 }} keyboardVerticalOffset={getStatusBarHeight()}>
-          <View style={{ flex: 1, padding: 16, justifyContent: 'space-between' }}>
-            <View>
-              <View style={{
-                flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginTop: 40,
-              }}
-              >
-                {renderGhostElement()}
-                <AmountTextInput
-                  ref={this.inputRef}
-                  autoFocus
-                  onAmountUpdate={this.onAmountChange}
-                  value={this.state.amount}
-                  allowOnlyInteger={this.isNFT()}
-                  style={{ flex: 1 }} // we need this so the placeholder doesn't break in android
-                                      // devices after erasing the text
-                                      // https://github.com/facebook/react-native/issues/30666
-                />
-                {IS_MULTI_TOKEN
-                  ? <TokenBox onPress={this.onTokenBoxPress} label={this.state.token.symbol} />
-                  : renderGhostElement()}
+            <View style={{ flex: 1, padding: 16, justifyContent: 'space-between' }}>
+              <View>
+                <View style={{
+                  flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', marginTop: 40,
+                }}
+                >
+                  {renderGhostElement()}
+                  <AmountTextInput
+                    ref={this.inputRef}
+                    autoFocus
+                    onAmountUpdate={this.onAmountChange}
+                    value={this.state.amount}
+                    allowOnlyInteger={this.isNFT()}
+                    style={{ flex: 1 }} // we need this so the placeholder doesn't break in android
+                                        // devices after erasing the text
+                                        // https://github.com/facebook/react-native/issues/30666
+                  />
+                  {IS_MULTI_TOKEN
+                    ? <TokenBox onPress={this.onTokenBoxPress} label={this.state.token.symbol} />
+                    : renderGhostElement()}
+                </View>
+                <InputLabel style={{ textAlign: 'center', marginTop: 8 }}>
+                  {getAvailableString()}
+                </InputLabel>
+                <Text style={styles.error}>{this.state.error}</Text>
               </View>
-              <InputLabel style={{ textAlign: 'center', marginTop: 8 }}>
-                {getAvailableString()}
-              </InputLabel>
-              <Text style={styles.error}>{this.state.error}</Text>
+              <NewHathorButton
+                title={t`Next`}
+                disabled={this.isButtonDisabled()}
+                onPress={this.onButtonPress}
+              />
             </View>
-            <NewHathorButton
-              title={t`Next`}
-              disabled={this.isButtonDisabled()}
-              onPress={this.onButtonPress}
-            />
-          </View>
-          <OfflineBar style={{ position: 'relative' }} />
-        </KeyboardAvoidingView>
+            <OfflineBar style={{ position: 'relative' }} />
+          </KeyboardAvoidingView>
         </Pressable>
       </View>
     );