From 831a0a721e8858f47133f93467de22b8c1b68b60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Gon=C3=A7alves?= <rodrigo.santana@iovlabs.org>
Date: Mon, 18 Sep 2023 22:36:52 -0300
Subject: [PATCH] change screens backgrounds to hard black

---
 src/components/BasicRow/index.tsx          | 2 +-
 src/components/loading/LoadingScreen.tsx   | 4 ++--
 src/core/components/OfflineScreen.tsx      | 2 +-
 src/navigation/index.tsx                   | 2 +-
 src/screens/activity/ActivityScreen.tsx    | 2 +-
 src/screens/contacts/ContactDetails.tsx    | 2 +-
 src/screens/contacts/ContactFormScreen.tsx | 2 +-
 src/screens/contacts/index.tsx             | 4 ++--
 src/screens/home/index.tsx                 | 2 +-
 src/screens/rnsManager/rnsManagerStyles.ts | 6 +++---
 src/screens/send/TransactionForm.tsx       | 9 ++++-----
 src/screens/settings/WalletBackup.tsx      | 2 +-
 src/screens/walletConnect/index.tsx        | 2 +-
 13 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/src/components/BasicRow/index.tsx b/src/components/BasicRow/index.tsx
index e865d4cd3..1e083fcce 100644
--- a/src/components/BasicRow/index.tsx
+++ b/src/components/BasicRow/index.tsx
@@ -153,7 +153,7 @@ const styles = StyleSheet.create({
   container: castStyle.view({
     marginTop: 10,
     paddingVertical: 10,
-    backgroundColor: sharedColors.secondary,
+    backgroundColor: sharedColors.black,
     height: 'auto',
     flexDirection: 'row',
   }),
diff --git a/src/components/loading/LoadingScreen.tsx b/src/components/loading/LoadingScreen.tsx
index 21c019c1f..677503e55 100644
--- a/src/components/loading/LoadingScreen.tsx
+++ b/src/components/loading/LoadingScreen.tsx
@@ -6,7 +6,7 @@ import { AppSpinner } from 'components/index'
 
 export const LoadingScreen = () => {
   return (
-    <Modal animationType="none" transparent={true} visible={true}>
+    <Modal animationType="none" transparent visible>
       <View
         style={[
           sharedStyles.flex,
@@ -21,6 +21,6 @@ export const LoadingScreen = () => {
 
 const styles = StyleSheet.create({
   activityIndicatorViewStyle: castStyle.view({
-    backgroundColor: sharedColors.secondary,
+    backgroundColor: sharedColors.black,
   }),
 })
diff --git a/src/core/components/OfflineScreen.tsx b/src/core/components/OfflineScreen.tsx
index 7d0c2010c..6e2589eac 100644
--- a/src/core/components/OfflineScreen.tsx
+++ b/src/core/components/OfflineScreen.tsx
@@ -32,7 +32,7 @@ export const OfflineScreen = () => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: sharedColors.secondary,
+    backgroundColor: sharedColors.black,
     justifyContent: 'center',
     alignItems: 'center',
   },
diff --git a/src/navigation/index.tsx b/src/navigation/index.tsx
index 345ec22bd..7c4b4ca3a 100644
--- a/src/navigation/index.tsx
+++ b/src/navigation/index.tsx
@@ -51,7 +51,7 @@ export const screenOptionsWithHeader = (
     ),
     headerStyle: {
       height: 64 + topInset,
-      backgroundColor: color ?? sharedColors.secondary,
+      backgroundColor: color ?? sharedColors.black,
     },
     headerShadowVisible: false,
   }
diff --git a/src/screens/activity/ActivityScreen.tsx b/src/screens/activity/ActivityScreen.tsx
index 91a526462..c4eef4f01 100644
--- a/src/screens/activity/ActivityScreen.tsx
+++ b/src/screens/activity/ActivityScreen.tsx
@@ -35,7 +35,7 @@ export const ActivityScreen = ({ navigation }: ActivityMainScreenProps) => {
 
   useEffect(() => {
     if (isFocused) {
-      dispatch(changeTopColor(sharedColors.secondary))
+      dispatch(changeTopColor(sharedColors.black))
     }
   }, [dispatch, isFocused])
 
diff --git a/src/screens/contacts/ContactDetails.tsx b/src/screens/contacts/ContactDetails.tsx
index 5700d8ad8..ccb051816 100644
--- a/src/screens/contacts/ContactDetails.tsx
+++ b/src/screens/contacts/ContactDetails.tsx
@@ -264,7 +264,7 @@ export const ContactDetails = ({
 const styles = StyleSheet.create({
   screen: castStyle.view({
     flex: 1,
-    backgroundColor: sharedColors.secondary,
+    backgroundColor: sharedColors.black,
   }),
   scrollviewContainer: castStyle.view({
     paddingBottom: 144,
diff --git a/src/screens/contacts/ContactFormScreen.tsx b/src/screens/contacts/ContactFormScreen.tsx
index 723834847..317081df8 100644
--- a/src/screens/contacts/ContactFormScreen.tsx
+++ b/src/screens/contacts/ContactFormScreen.tsx
@@ -137,7 +137,7 @@ export const ContactFormScreen = ({
         : t('contact_form_title_create'),
       headerTintColor: sharedColors.white,
       headerStyle: {
-        backgroundColor: sharedColors.secondary,
+        backgroundColor: sharedColors.black,
       },
       headerRightContainerStyle: {
         paddingTop: 0,
diff --git a/src/screens/contacts/index.tsx b/src/screens/contacts/index.tsx
index fe4374b86..df6a40fa9 100644
--- a/src/screens/contacts/index.tsx
+++ b/src/screens/contacts/index.tsx
@@ -88,7 +88,7 @@ export const ContactsScreen = ({ navigation }: ContactsListScreenProps) => {
 
   useEffect(() => {
     if (isFocused) {
-      dispatch(changeTopColor(sharedColors.secondary))
+      dispatch(changeTopColor(sharedColors.black))
     }
   }, [dispatch, isFocused])
 
@@ -156,7 +156,7 @@ export const ContactsScreen = ({ navigation }: ContactsListScreenProps) => {
                     )
                   }>
                   <BasicRow
-                    style={{ backgroundColor: sharedColors.secondary }}
+                    style={{ backgroundColor: sharedColors.black }}
                     avatar={{ name: contact.name }}
                     label={contact.name}
                     secondaryLabel={
diff --git a/src/screens/home/index.tsx b/src/screens/home/index.tsx
index 62ea3428b..d64b4fc87 100644
--- a/src/screens/home/index.tsx
+++ b/src/screens/home/index.tsx
@@ -306,7 +306,7 @@ const styles = StyleSheet.create({
   }),
   container: castStyle.view({
     flex: 1,
-    backgroundColor: sharedColors.secondary,
+    backgroundColor: sharedColors.black,
   }),
   text: castStyle.text({
     textAlign: 'center',
diff --git a/src/screens/rnsManager/rnsManagerStyles.ts b/src/screens/rnsManager/rnsManagerStyles.ts
index e85e09bbc..0f592f797 100644
--- a/src/screens/rnsManager/rnsManagerStyles.ts
+++ b/src/screens/rnsManager/rnsManagerStyles.ts
@@ -6,11 +6,11 @@ import { colors } from 'src/styles'
 
 export const rnsManagerStyles = StyleSheet.create({
   scrollContainer: castStyle.view({
-    backgroundColor: colors.background.black,
+    backgroundColor: sharedColors.black,
   }),
   container: castStyle.view({
     flex: 1,
-    backgroundColor: colors.background.black,
+    backgroundColor: sharedColors.black,
     padding: 20,
     paddingTop: 50,
   }),
@@ -25,7 +25,7 @@ export const rnsManagerStyles = StyleSheet.create({
     justifyContent: 'space-between',
     paddingVertical: 20,
     paddingHorizontal: 10,
-    backgroundColor: sharedColors.secondary,
+    backgroundColor: sharedColors.black,
   }),
   profileImageContainer: castStyle.view({
     alignItems: 'center',
diff --git a/src/screens/send/TransactionForm.tsx b/src/screens/send/TransactionForm.tsx
index c7b7de1b7..1c639d5a7 100644
--- a/src/screens/send/TransactionForm.tsx
+++ b/src/screens/send/TransactionForm.tsx
@@ -315,15 +315,14 @@ export const TransactionForm = ({
             style={styles.marginTop10}
             firstValue={firstBalance}
             secondValue={secondBalance}
-            color={sharedColors.secondary}
+            color={sharedColors.black}
             error={hasEnoughBalance ? t('transaction_form_error_balance') : ''}
             onSwap={onSwapBalance}
             editable
             handleAmountChange={value => {
-              if (Number(value) > maxAmount) {
-                return
+              if (Number(value) <= maxAmount) {
+                handleAmountChange(value, balanceInverted)
               }
-              handleAmountChange(value, balanceInverted)
             }}
           />
           <Input
@@ -440,7 +439,7 @@ const styles = StyleSheet.create({
   }),
   buttonCancel: castStyle.view({
     marginTop: 10,
-    backgroundColor: sharedColors.secondary,
+    backgroundColor: sharedColors.black,
   }),
   assetToggleRow: castStyle.view({
     flexDirection: 'row',
diff --git a/src/screens/settings/WalletBackup.tsx b/src/screens/settings/WalletBackup.tsx
index 39d048c56..e7a4c2bd9 100644
--- a/src/screens/settings/WalletBackup.tsx
+++ b/src/screens/settings/WalletBackup.tsx
@@ -65,7 +65,7 @@ export const WalletBackup = (_: Props) => {
 
 const styles = StyleSheet.create({
   container: castStyle.view({
-    backgroundColor: sharedColors.secondary,
+    backgroundColor: sharedColors.black,
     paddingHorizontal: 24,
   }),
   content: castStyle.view({
diff --git a/src/screens/walletConnect/index.tsx b/src/screens/walletConnect/index.tsx
index 107febc76..41378309e 100644
--- a/src/screens/walletConnect/index.tsx
+++ b/src/screens/walletConnect/index.tsx
@@ -123,7 +123,7 @@ export const WalletConnectScreen = ({ route }: Props) => {
 
   useEffect(() => {
     if (isFocused) {
-      dispatch(changeTopColor(sharedColors.secondary))
+      dispatch(changeTopColor(sharedColors.black))
     }
   }, [dispatch, isFocused])