fixed size of ArrowLeft icon, using our own Add icon for nodes (like …

…channels)
ZeusLN · Nov 8, 2023 · 5fad66c · 5fad66c
1 parent 341a112
commit 5fad66c
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 15 deletions.
diff --git a/assets/images/SVG/Arrow_left.svg b/assets/images/SVG/Arrow_left.svg
diff --git a/assets/images/SVG/Back.svg b/assets/images/SVG/Back.svg
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -2,16 +2,16 @@ import React from 'react';
 import {
     StyleProp,
     TextStyle,
-    TouchableOpacity,
-    ViewStyle
+    ViewStyle,
+    TouchableOpacity
 } from 'react-native';
 import { Header, Icon, TextProps } from 'react-native-elements';
 import { IconObject } from 'react-native-elements/dist/icons/Icon';
 
 import { localeString } from '../utils/LocaleUtils';
 import { themeColor } from '../utils/ThemeUtils';
 
-import Back from '../assets/images/SVG/Back.svg';
+import ArrowLeft from '../assets/images/SVG/Arrow_left.svg';
 
 interface HeaderIcon extends IconObject {
     icon?: string;
@@ -44,7 +44,12 @@ function ZeusHeader(props: HeaderProps) {
             }}
             accessibilityLabel={localeString('general.goBack')}
         >
-            <Back stroke={themeColor('text')} />
+            <ArrowLeft
+                fill={themeColor('text')}
+                width="30"
+                height="30"
+                style={{ alignSelf: 'center' }}
+            />
         </TouchableOpacity>
     );
 

diff --git a/views/Settings/Nodes.tsx b/views/Settings/Nodes.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FlatList, View, Text } from 'react-native';
+import { FlatList, View, Text, TouchableOpacity } from 'react-native';
 import { Icon, ListItem } from 'react-native-elements';
 import { inject, observer } from 'mobx-react';
 
@@ -16,6 +16,8 @@ import { localeString } from '../../utils/LocaleUtils';
 import { themeColor } from '../../utils/ThemeUtils';
 import ChannelsStore from '../../stores/ChannelsStore';
 
+import Add from '../../assets/images/SVG/Add.svg';
+
 interface NodesProps {
     nodes: any[];
     navigation: any;
@@ -112,20 +114,23 @@ export default class Nodes extends React.Component<NodesProps, NodesState> {
         });
 
         const AddButton = () => (
-            <Icon
-                name="add"
+            <TouchableOpacity
                 onPress={() =>
                     navigation.navigate('NodeConfiguration', {
                         newEntry: true,
                         index:
                             (nodes && nodes.length && Number(nodes.length)) || 0
                     })
                 }
-                color={themeColor('text')}
-                underlayColor="transparent"
-                size={30}
                 accessibilityLabel={localeString('general.add')}
-            />
+            >
+                <Add
+                    fill={themeColor('text')}
+                    width="30"
+                    height="30"
+                    style={{ alignSelf: 'center' }}
+                />
+            </TouchableOpacity>
         );
 
         return (