Update LNURL styles (#801)

Author: kaloudis

views/LnurlAuth.tsx

@@ -2,10 +2,11 @@ import url from 'url';
 import * as React from 'react';
 import RNFetchBlob from 'rn-fetch-blob';
 import { Alert, StyleSheet, Text, View } from 'react-native';
-import { Button, Header, Icon } from 'react-native-elements';
+import { Header, Icon } from 'react-native-elements';
 import querystring from 'querystring-es3';
 import { Hash as sha256Hash, HMAC as sha256HMAC } from 'fast-sha256';
 
+import Button from './../components/Button';
 import LoadingIndicator from './../components/LoadingIndicator';
 
 import { themeColor } from './../utils/ThemeUtils';
@@ -62,7 +63,7 @@ export default class LnurlAuth extends React.Component<
             Alert.alert(
                 localeString('views.LnurlPay.LnurlPay.invalidParams'),
                 err.message,
-                [{ text: 'OK', onPress: () => void 0 }],
+                [{ text: localeString('general.ok'), onPress: () => void 0 }],
                 { cancelable: false }
             );
         }
@@ -226,9 +227,15 @@ export default class LnurlAuth extends React.Component<
                     leftComponent={<BackButton />}
                     centerComponent={{
                         text: 'Authentication Request',
-                        style: { color: '#fff' }
+                        style: {
+                            color: themeColor('text'),
+                            fontFamily: 'Lato-Regular'
+                        }
+                    }}
+                    backgroundColor={themeColor('background')}
+                    containerStyle={{
+                        borderBottomWidth: 0
                     }}
-                    backgroundColor="grey"
                 />
                 <View style={styles.content}>
                     <Text

views/LnurlChannel.tsx

@@ -3,9 +3,10 @@ import * as React from 'react';
 import RNFetchBlob from 'rn-fetch-blob';
 import { Alert, StyleSheet, Switch, Text, View } from 'react-native';
 import { inject, observer } from 'mobx-react';
-import { Button, Header, Icon } from 'react-native-elements';
+import { Header, Icon } from 'react-native-elements';
 import querystring from 'querystring-es3';
 
+import Button from './../components/Button';
 import LoadingIndicator from './../components/LoadingIndicator';
 
 import ChannelsStore from './../stores/ChannelsStore';
@@ -195,9 +196,15 @@ export default class LnurlChannel extends React.Component<
                     leftComponent={<BackButton />}
                     centerComponent={{
                         text: 'Incoming Channel',
-                        style: { color: '#fff' }
+                        style: {
+                            color: themeColor('text'),
+                            fontFamily: 'Lato-Regular'
+                        }
+                    }}
+                    backgroundColor={themeColor('background')}
+                    containerStyle={{
+                        borderBottomWidth: 0
                     }}
-                    backgroundColor="grey"
                 />
                 <View style={styles.content}>
                     <Text

views/LnurlPay/LnurlPay.tsx

@@ -3,12 +3,17 @@ import * as React from 'react';
 import RNFetchBlob from 'rn-fetch-blob';
 import { Alert, StyleSheet, Text, View } from 'react-native';
 import { inject, observer } from 'mobx-react';
-import { Button, Header, Icon } from 'react-native-elements';
+import { Header, Icon } from 'react-native-elements';
 import querystring from 'querystring-es3';
+
+import Button from './../../components/Button';
 import TextInput from './../../components/TextInput';
+
 import InvoicesStore from './../../stores/InvoicesStore';
 import LnurlPayStore from './../../stores/LnurlPayStore';
+
 import LnurlPayMetadata from './Metadata';
+
 import { localeString } from './../../utils/LocaleUtils';
 import { themeColor } from './../../utils/ThemeUtils';
 
@@ -163,9 +168,15 @@ export default class LnurlPay extends React.Component<
                     leftComponent={<BackButton />}
                     centerComponent={{
                         text: 'Send',
-                        style: { color: themeColor('text') }
+                        style: {
+                            color: themeColor('text'),
+                            fontFamily: 'Lato-Regular'
+                        }
+                    }}
+                    backgroundColor={themeColor('background')}
+                    containerStyle={{
+                        borderBottomWidth: 0
                     }}
-                    backgroundColor={themeColor('secondary')}
                 />
                 <View style={styles.content}>
                     <Text

views/Wallet/Wallet.tsx

@@ -37,7 +37,7 @@ import LayerBalances from './../../components/LayerBalances';
 import Temple from './../../assets/images/SVG/Temple.svg';
 import ChannelsIcon from './../../assets/images/SVG/Channels.svg';
 import CaretUp from './../../assets/images/SVG/Caret Up.svg';
-import WordLogo from './../../asssets/images/SVG/Word Logo - no outline.svg';
+import WordLogo from './../../assets/images/SVG/Word Logo - no outline.svg';
 
 interface WalletProps {
     enterSetup: any;