From 895000ac32121ec8f3f60aa2912ea5e4e63f87d1 Mon Sep 17 00:00:00 2001
From: minibits-cash <mail@minibits.cash>
Date: Thu, 10 Apr 2025 15:36:08 +0200
Subject: [PATCH] Fix placeholder text color

---
 src/screens/ContactDetailScreen.tsx     | 2 ++
 src/screens/Contacts/PublicContacts.tsx | 3 +++
 src/screens/ImportBackupScreen.tsx      | 3 +++
 src/screens/MintsScreen.tsx             | 4 ++++
 src/screens/NwcScreen.tsx               | 3 +++
 src/screens/OwnKeysScreen.tsx           | 3 +++
 src/screens/Recovery/MnemonicInput.tsx  | 4 +++-
 src/screens/RelaysScreen.tsx            | 2 ++
 src/screens/TopupScreen.tsx             | 2 +-
 src/screens/TranDetailScreen.tsx        | 2 ++
 10 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/screens/ContactDetailScreen.tsx b/src/screens/ContactDetailScreen.tsx
index d2c98d28..918d25a5 100644
--- a/src/screens/ContactDetailScreen.tsx
+++ b/src/screens/ContactDetailScreen.tsx
@@ -180,6 +180,7 @@ export const ContactDetailScreen = observer(function ({ route }: Props) {
     const mainButtonIcon = useThemeColor('mainButtonIcon')
     const mainButtonText = useThemeColor('text')
     const inputText = useThemeColor('text')
+    const placeholderTextColor = useThemeColor('textDim')
   
 
     const {type, name, display_name, npub, nip05, picture, about, lud16} = contact
@@ -227,6 +228,7 @@ export const ContactDetailScreen = observer(function ({ route }: Props) {
                                 keyboardType="default"
                                 selectTextOnFocus={true}
                                 placeholder={translate("privateNotePlaceholder")}
+                                placeholderTextColor={placeholderTextColor}
                                 editable={
                                     isNoteEditing
                                     ? true
diff --git a/src/screens/Contacts/PublicContacts.tsx b/src/screens/Contacts/PublicContacts.tsx
index 1a551535..1d668590 100644
--- a/src/screens/Contacts/PublicContacts.tsx
+++ b/src/screens/Contacts/PublicContacts.tsx
@@ -432,6 +432,7 @@ export const PublicContacts = observer(function (props: {
     const insets = useSafeAreaInsets()
     const inputBg = useThemeColor('background')
     const inputText = useThemeColor('text')
+    const placeholderTextColor = useThemeColor('textDim')
     
     return (
     <Screen contentContainerStyle={$screen}>
@@ -563,6 +564,7 @@ export const PublicContacts = observer(function (props: {
                         keyboardType='default'
                         maxLength={64}
                         placeholder='npub...'
+                        placeholderTextColor={placeholderTextColor}
                         selectTextOnFocus={true}
                         style={[$npubInput, {backgroundColor: inputBg, color: inputText},]}                        
                     />
@@ -601,6 +603,7 @@ export const PublicContacts = observer(function (props: {
                         keyboardType='default'
                         maxLength={64}
                         placeholder='wss://...'
+                        placeholderTextColor={placeholderTextColor}
                         selectTextOnFocus={true}
                         style={[$npubInput, {backgroundColor: inputBg, color: inputText},]}                        
                     />
diff --git a/src/screens/ImportBackupScreen.tsx b/src/screens/ImportBackupScreen.tsx
index 52cb3a04..21839ede 100644
--- a/src/screens/ImportBackupScreen.tsx
+++ b/src/screens/ImportBackupScreen.tsx
@@ -318,6 +318,7 @@ export const ImportBackupScreen = observer(function ImportBackupScreen({ route }
             setStatusMessage(translate('recovery.completed'))
                         
             // go directly to the wallet (profile hase been rehydrated from the one with the seed)
+            // @ts-ignore
             navigation.navigate('Tabs')
             await delay(1000)
             setStatusMessage('')
@@ -339,6 +340,7 @@ export const ImportBackupScreen = observer(function ImportBackupScreen({ route }
     const inputBg = useThemeColor('background')
     const loadingBg = useThemeColor('background')
     const headerTitle = useThemeColor('headerTitle')
+    const placeholderTextColor = useThemeColor('textDim')
 
     if(mnemonicExists) {
       return (
@@ -413,6 +415,7 @@ export const ImportBackupScreen = observer(function ImportBackupScreen({ route }
                             autoCapitalize='none'
                             keyboardType='default'                            
                             placeholder={'Paste your backup'}
+                            placeholderTextColor={placeholderTextColor}
                             selectTextOnFocus={true}                    
                             style={[$backupInput, {backgroundColor: inputBg, flexWrap: 'wrap', color: inputText}]}
                         />
diff --git a/src/screens/MintsScreen.tsx b/src/screens/MintsScreen.tsx
index 9470e340..c71f79de 100644
--- a/src/screens/MintsScreen.tsx
+++ b/src/screens/MintsScreen.tsx
@@ -86,12 +86,14 @@ export const MintsScreen = observer(function MintsScreen({ route }: Props) {
 
     const gotoScan = function () {
         toggleAddMintModal()
+        // @ts-ignore
         navigation.navigate('Scan', {unit: userSettingsStore.preferredUnit})
     }
 
 
     const gotoInfo = function () {        
         if(!selectedMint) {return}
+        // @ts-ignore
         navigation.navigate('MintInfo', {mintUrl: selectedMint?.mintUrl})
         onMintUnselect()
     }
@@ -287,6 +289,7 @@ export const MintsScreen = observer(function MintsScreen({ route }: Props) {
     const inputText = useThemeColor('text')
     const headerTitle = useThemeColor('headerTitle')
     const buttonBorder = useThemeColor('card')
+    const placeholderTextColor = useThemeColor('textDim')
 
     return (
       <Screen preset="scroll" contentContainerStyle={$screen}>
@@ -434,6 +437,7 @@ export const MintsScreen = observer(function MintsScreen({ route }: Props) {
                             style={[$mintInput, {backgroundColor: inputBg, color: inputText}]}
                             maxLength={200}
                             placeholder='https://'
+                            placeholderTextColor={placeholderTextColor}
                         />
                         <Button
                             preset='secondary'
diff --git a/src/screens/NwcScreen.tsx b/src/screens/NwcScreen.tsx
index 9eb366cf..cfa90809 100644
--- a/src/screens/NwcScreen.tsx
+++ b/src/screens/NwcScreen.tsx
@@ -166,6 +166,7 @@ export const NwcScreen = observer(function NwcScreen(_props) {
     const $subText = {color: useThemeColor('textDim'), fontSize: verticalScale(14)}
     const headerTitle = useThemeColor('headerTitle')
     const buttonBorder = useThemeColor('card')
+    const placeholderTextColor = useThemeColor('textDim')
     
     return (
       <Screen contentContainerStyle={$screen}>
@@ -326,6 +327,7 @@ export const NwcScreen = observer(function NwcScreen(_props) {
                         keyboardType='default'
                         maxLength={64}
                         placeholder='My NWC application'
+                        placeholderTextColor={placeholderTextColor}
                         selectTextOnFocus={true}
                         style={[$connInput, {backgroundColor: inputBg, color: inputText}]}
                     />
@@ -346,6 +348,7 @@ export const NwcScreen = observer(function NwcScreen(_props) {
                         keyboardType='numeric'
                         maxLength={8}
                         placeholder='Enter daily limit in SAT'
+                        placeholderTextColor={placeholderTextColor}
                         selectTextOnFocus={true}
                         style={[$connInput, {backgroundColor: inputBg, color: inputText}]}
                     />
diff --git a/src/screens/OwnKeysScreen.tsx b/src/screens/OwnKeysScreen.tsx
index bfeb2f1d..1b5efbd3 100644
--- a/src/screens/OwnKeysScreen.tsx
+++ b/src/screens/OwnKeysScreen.tsx
@@ -239,6 +239,7 @@ export const OwnKeysScreen = observer(function OwnKeysScreen({ route }: Props) {
     const textResult = useThemeColor('textDim')
     const inputBg = useThemeColor('background')
     const inputText = useThemeColor('text')
+    const placeholderTextColor = useThemeColor('textDim')
     
     return (
       <Screen contentContainerStyle={$screen} preset='auto'>
@@ -269,6 +270,7 @@ export const OwnKeysScreen = observer(function OwnKeysScreen({ route }: Props) {
                                   keyboardType='default'
                                   maxLength={30}
                                   placeholder='name@domain.com'
+                                  placeholderTextColor={placeholderTextColor}
                                   selectTextOnFocus={true}
                                   style={[$nip05Input, {backgroundColor: inputBg, color: inputText}]}                                                   
                                 />
@@ -347,6 +349,7 @@ export const OwnKeysScreen = observer(function OwnKeysScreen({ route }: Props) {
                                 keyboardType='default'
                                 maxLength={64}
                                 placeholder='nsec...'
+                                placeholderTextColor={placeholderTextColor}
                                 selectTextOnFocus={true}
                                 style={[$nip05Input, {backgroundColor: inputBg, color: inputText}]}                                                
                             />
diff --git a/src/screens/Recovery/MnemonicInput.tsx b/src/screens/Recovery/MnemonicInput.tsx
index a10c2839..4f120cd9 100644
--- a/src/screens/Recovery/MnemonicInput.tsx
+++ b/src/screens/Recovery/MnemonicInput.tsx
@@ -44,7 +44,8 @@ export const MnemonicInput = forwardRef<TextInput, MnemonicInputProps>((props, m
     const numIconColor = useThemeColor('textDim')
     const textHint = useThemeColor('textDim')
     const inputBg = useThemeColor('background')
-    const inputText = useThemeColor('text')  
+    const inputText = useThemeColor('text')
+    const placeholderTextColor = useThemeColor('textDim')
   
   return (
     <>
@@ -84,6 +85,7 @@ export const MnemonicInput = forwardRef<TextInput, MnemonicInputProps>((props, m
                 keyboardType='default'
                 maxLength={100}
                 placeholder={translate("mnemonicPhrasePlaceholder")}
+                placeholderTextColor={placeholderTextColor}
                 selectTextOnFocus={true}                    
                 style={[$mnemonicInput, {backgroundColor: inputBg, flexWrap: 'wrap', color: inputText}]}
             />
diff --git a/src/screens/RelaysScreen.tsx b/src/screens/RelaysScreen.tsx
index e08a09db..6f36bf3a 100644
--- a/src/screens/RelaysScreen.tsx
+++ b/src/screens/RelaysScreen.tsx
@@ -154,6 +154,7 @@ export const RelaysScreen = observer(function RelaysScreen({ route }: Props) {
     const screenBg = useThemeColor('background')
     const mainButtonIcon = useThemeColor('button')
     const headerTitle = useThemeColor('headerTitle') 
+    const placeholderTextColor = useThemeColor('textDim')
     
     return (
       <Screen contentContainerStyle={$screen} preset='fixed'>
@@ -260,6 +261,7 @@ export const RelaysScreen = observer(function RelaysScreen({ route }: Props) {
                         keyboardType='default'
                         maxLength={128}
                         placeholder='wss://...'
+                        placeholderTextColor={placeholderTextColor}
                         selectTextOnFocus={true}
                         style={[$relayInput, {backgroundColor: inputBg, color: inputText}]}
                     />
diff --git a/src/screens/TopupScreen.tsx b/src/screens/TopupScreen.tsx
index a8ac4f6b..74447520 100644
--- a/src/screens/TopupScreen.tsx
+++ b/src/screens/TopupScreen.tsx
@@ -224,7 +224,7 @@ export const TopupScreen = observer(function TopupScreen({ route }: Props) {
               toggleNostrDMModal() // open if we already have an invoice
             }
 
-            //reset
+            // @ts-ignore
             navigation.setParams({
               paymentOption: undefined,
               contact: undefined,
diff --git a/src/screens/TranDetailScreen.tsx b/src/screens/TranDetailScreen.tsx
index 98c6cc8b..b7fd8055 100644
--- a/src/screens/TranDetailScreen.tsx
+++ b/src/screens/TranDetailScreen.tsx
@@ -202,6 +202,7 @@ export const TranDetailScreen = observer(function TranDetailScreen({ route }: Pr
     const headerBg = useThemeColor('header')
     const iconColor = useThemeColor('textDim')
     const inputBg = useThemeColor('background')
+    const placeholderTextColor = useThemeColor('textDim')
         
     const getFormattedAmount = function(): string {
         if (!transaction) { return '' }
@@ -264,6 +265,7 @@ export const TranDetailScreen = observer(function TranDetailScreen({ route }: Pr
                             keyboardType="default"
                             selectTextOnFocus={true}
                             placeholder={translate("privateNotePlaceholder")}
+                            placeholderTextColor={placeholderTextColor}
                             editable={
                                 isNoteEditing
                                 ? true