Merge pull request #2037 from myxmaster/improve-suggest-import

Improve node config import suggestion style
ZeusLN · Mar 14, 2024 · 14a9988 · 14a9988
2 parents dcd47cb + 2573cd7
commit 14a9988
Showing 1 changed file with 10 additions and 16 deletions.
diff --git a/views/Settings/NodeConfiguration.tsx b/views/Settings/NodeConfiguration.tsx
@@ -706,11 +706,17 @@ export default class NodeConfiguration extends React.Component<
                     navigation={navigation}
                 />
                 {!!suggestImport && (
-                    <View style={styles.clipboardImport}>
+                    <View
+                        style={{
+                            padding: 10,
+                            backgroundColor: themeColor('disabled')
+                        }}
+                    >
                         <Text style={styles.whiteText}>
                             {localeString(
                                 'views.Settings.AddEditNode.connectionStringClipboard'
                             )}
+                            :
                         </Text>
                         <Text
                             style={{
@@ -722,7 +728,7 @@ export default class NodeConfiguration extends React.Component<
                                 ? `${suggestImport.substring(0, 100)}...`
                                 : suggestImport}
                         </Text>
-                        <Text style={styles.whiteText}>
+                        <Text style={{ ...styles.whiteText, marginBottom: 10 }}>
                             {localeString(
                                 'views.Settings.AddEditNode.importPrompt'
                             )}
@@ -733,19 +739,13 @@ export default class NodeConfiguration extends React.Component<
                                     'views.Settings.AddEditNode.import'
                                 )}
                                 onPress={() => this.importClipboard()}
-                                titleStyle={{
-                                    color: 'rgba(92, 99,216, 1)'
-                                }}
                                 tertiary
                             />
                         </View>
                         <View style={styles.button}>
                             <Button
                                 title={localeString('general.cancel')}
                                 onPress={() => this.clearImportSuggestion()}
-                                titleStyle={{
-                                    color: 'rgba(92, 99,216, 1)'
-                                }}
                                 tertiary
                             />
                         </View>
@@ -930,7 +930,7 @@ export default class NodeConfiguration extends React.Component<
                             <Text
                                 style={{
                                     ...styles.text,
-                                    color: themeColor('text')
+                                    color: themeColor('secondaryText')
                                 }}
                             >
                                 {localeString(
@@ -1735,16 +1735,10 @@ const styles = StyleSheet.create({
         height: 50
     },
     button: {
-        paddingTop: 10,
-        paddingBottom: 10,
+        paddingVertical: 10,
         width: 350,
         alignSelf: 'center'
     },
-    clipboardImport: {
-        padding: 10,
-        backgroundColor: 'rgba(92, 99,216, 1)',
-        color: 'white'
-    },
     modal: {
         margin: 20,
         backgroundColor: 'white',