Add new images and refactor logic of displaying node pictures in Node…

…Configuration
ZeusLN · Mar 14, 2024 · 480f0c3 · 480f0c3
1 parent da01713
commit 480f0c3
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 256 deletions.
diff --git a/views/Settings/NodeConfiguration.tsx b/views/Settings/NodeConfiguration.tsx
@@ -339,7 +339,8 @@ export default class NodeConfiguration extends React.Component<
             this.setState({
                 index,
                 active,
-                newEntry
+                newEntry,
+                photo
             });
         }
     }
@@ -591,6 +592,7 @@ export default class NodeConfiguration extends React.Component<
 
     render() {
         const { navigation, SettingsStore } = this.props;
+        const node = navigation.getParam('node', null);
         const {
             nickname,
             host,
@@ -957,12 +959,22 @@ export default class NodeConfiguration extends React.Component<
                         <View style={styles.container}>
                             <TouchableOpacity
                                 onPress={
+                                    (node === null ||
+                                        node?.photo === '' ||
+                                        node?.photo === null) &&
                                     photo === null
                                         ? () =>
                                               navigation.navigate(
                                                   'SetNodePicture'
                                               )
-                                        : () => this.setState({ photo: null })
+                                        : () =>
+                                              this.setState(
+                                                  { photo: null },
+                                                  () =>
+                                                      node
+                                                          ? (node.photo = '')
+                                                          : null
+                                              )
                                 }
                             >
                                 <View
@@ -972,10 +984,12 @@ export default class NodeConfiguration extends React.Component<
                                             themeColor('secondaryText')
                                     }}
                                 >
-                                    {photo ? (
+                                    {node?.photo || photo ? (
                                         <Image
                                             source={{
-                                                uri: this.getPhoto(photo)
+                                                uri: this.getPhoto(
+                                                    node?.photo || photo
+                                                )
                                             }}
                                             style={styles.imageBackground}
                                         />

diff --git a/views/Settings/Nodes.tsx b/views/Settings/Nodes.tsx
@@ -268,7 +268,7 @@ export default class Nodes extends React.Component<NodesProps, NodesState> {
                                             ) : (
                                                 <NodeIdenticon
                                                     selectedNode={item}
-                                                    width={35}
+                                                    width={42}
                                                     rounded
                                                 />
                                             )}

diff --git a/views/Settings/SelectNodeProfile.tsx b/views/Settings/SelectNodeProfile.tsx
diff --git a/views/Settings/SetNodePicture.tsx b/views/Settings/SetNodePicture.tsx
@@ -52,7 +52,11 @@ export default class SetNodePicture extends React.Component<
                 require('../../assets/images/zeus-illustration-6a.jpg'),
                 require('../../assets/images/zeus-illustration-6b.jpg'),
                 require('../../assets/images/zeus-illustration-7a.jpg'),
-                require('../../assets/images/zeus-illustration-7b.jpg')
+                require('../../assets/images/zeus-illustration-7b.jpg'),
+                require('../../assets/images/Alby.jpg'),
+                require('../../assets/images/BTCpay.jpg'),
+                require('../../assets/images/CLN.jpg'),
+                require('../../assets/images/LND.jpg')
             ],
             photo: ''
         };