diff --git a/assets/images/SVG/Arrow_left.svg b/assets/images/SVG/Arrow_left.svg new file mode 100644 index 000000000..03c3f2512 --- /dev/null +++ b/assets/images/SVG/Arrow_left.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/images/SVG/Back.svg b/assets/images/SVG/Back.svg deleted file mode 100644 index 039617630..000000000 --- a/assets/images/SVG/Back.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/components/Header.tsx b/components/Header.tsx index c120f39aa..af7c11a7c 100644 --- a/components/Header.tsx +++ b/components/Header.tsx @@ -2,8 +2,8 @@ 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'; @@ -11,7 +11,7 @@ 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')} > - + ); diff --git a/views/Settings/Nodes.tsx b/views/Settings/Nodes.tsx index 72f963460..688479542 100644 --- 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,8 +114,7 @@ export default class Nodes extends React.Component { }); const AddButton = () => ( - navigation.navigate('NodeConfiguration', { newEntry: true, @@ -121,11 +122,15 @@ export default class Nodes extends React.Component { (nodes && nodes.length && Number(nodes.length)) || 0 }) } - color={themeColor('text')} - underlayColor="transparent" - size={30} accessibilityLabel={localeString('general.add')} - /> + > + + ); return (