FontAwesome 5 everywhere

app/src/component/AppNavigator.js

@@ -29,7 +29,7 @@ import {
 } from 'react-native';
 import { SETTINGS, doHideNotification, selectNotification } from 'lbry-redux';
 import { makeSelectClientSetting } from '../redux/selectors/settings';
-import Feather from 'react-native-vector-icons/Feather';
+import Icon from 'react-native-vector-icons/FontAwesome5';
 import discoverStyle from '../styles/discover';
 import searchStyle from '../styles/search';
 import SearchRightHeaderIcon from "../component/searchRightHeaderIcon";
@@ -39,7 +39,7 @@ const discoverStack = StackNavigator({
     screen: DiscoverPage,
     navigationOptions: ({ navigation }) => ({
       title: 'Discover',
-      headerLeft: <Feather name="menu" size={24} style={discoverStyle.drawerHamburger} onPress={() => navigation.navigate('DrawerOpen')} />,
+      headerLeft: <Icon name="bars" size={24} style={discoverStyle.drawerHamburger} onPress={() => navigation.navigate('DrawerOpen')} />,
     })
   },
   File: {
@@ -64,7 +64,7 @@ const trendingStack = StackNavigator({
     screen: TrendingPage,
     navigationOptions: ({ navigation }) => ({
       title: 'Trending',
-      headerLeft: <Feather name="menu" size={24} style={discoverStyle.drawerHamburger} onPress={() => navigation.navigate('DrawerOpen')} />,
+      headerLeft: <Icon name="bars" size={24} style={discoverStyle.drawerHamburger} onPress={() => navigation.navigate('DrawerOpen')} />,
     })
   }
 });
@@ -74,7 +74,7 @@ const walletStack = StackNavigator({
     screen: WalletPage,
     navigationOptions: ({ navigation }) => ({
       title: 'Wallet',
-      headerLeft: <Feather name="menu" size={24} style={discoverStyle.drawerHamburger} onPress={() => navigation.navigate('DrawerOpen')} />,
+      headerLeft: <Icon name="bars" size={24} style={discoverStyle.drawerHamburger} onPress={() => navigation.navigate('DrawerOpen')} />,
     })
   },
   TransactionHistory: {
@@ -144,7 +144,7 @@ class AppWithNavigationState extends React.Component {
           }
         }
       }
-      return false;
+      return false;fo
     }.bind(this));
   }
 

app/src/component/pageHeader/view.js

@@ -8,7 +8,7 @@ import {
   TouchableOpacity,
   View
 } from 'react-native';
-import Feather from 'react-native-vector-icons/Feather';
+import Icon from 'react-native-vector-icons/FontAwesome5';
 import pageHeaderStyle from '../../styles/pageHeader';
 
 const APPBAR_HEIGHT = Platform.OS === 'ios' ? 44 : 56;
@@ -35,7 +35,7 @@ class PageHeader extends React.PureComponent {
               </AnimatedText>
             </View>
             <TouchableOpacity style={pageHeaderStyle.left}>
-              <Feather name="arrow-left" size={24} onPress={onBackPressed} style={pageHeaderStyle.backIcon} />
+              <Icon name="arrow-left" size={24} onPress={onBackPressed} style={pageHeaderStyle.backIcon} />
             </TouchableOpacity>
           </View>
         </View>

app/src/component/uriBar/internal/uri-bar-item.js

@@ -2,7 +2,7 @@
 import React from 'react';
 import { SEARCH_TYPES, normalizeURI } from 'lbry-redux';
 import { Text, TouchableOpacity, View } from 'react-native';
-import Feather from 'react-native-vector-icons/Feather';
+import Icon from 'react-native-vector-icons/FontAwesome5';
 import uriBarStyle from '../../../styles/uriBar';
 
 class UriBarItem extends React.PureComponent {
@@ -13,16 +13,16 @@ class UriBarItem extends React.PureComponent {
     let icon;
     switch (type) {
       case SEARCH_TYPES.CHANNEL:
-        icon = <Feather name="at-sign" size={18} />
+        icon = <Icon name="at" size={18} />
         break;
 
       case SEARCH_TYPES.SEARCH:
-        icon = <Feather name="search" size={18} />
+        icon = <Icon name="search" size={18} />
         break;
 
       case SEARCH_TYPES.FILE:
       default:
-        icon = <Feather name="file" size={18} />
+        icon = <Icon name="file" size={18} />
         break;
     }
 

app/src/component/walletAddress/view.js

@@ -31,7 +31,7 @@ class WalletAddress extends React.PureComponent<Props> {
         <Text style={[walletStyle.text, walletStyle.bottomMarginMedium]}>Use this wallet address to receive credits sent by another user (or yourself).</Text>
         <Address address={receiveAddress} style={walletStyle.bottomMarginSmall} />
         <Button style={[walletStyle.button, walletStyle.bottomMarginLarge]}
-                icon={'refresh'}
+                icon={'sync'}
                 text={'Get New Address'}
                 onPress={getNewAddress}
                 disabled={gettingNewAddress}

app/src/page/discover/view.js

@@ -14,7 +14,6 @@ import FileItem from '../../component/fileItem';
 import discoverStyle from '../../styles/discover';
 import Colors from '../../styles/colors';
 import UriBar from '../../component/uriBar';
-import Feather from 'react-native-vector-icons/Feather';
 
 class DiscoverPage extends React.PureComponent {
   componentDidMount() {

app/src/page/trending/view.js

@@ -14,7 +14,6 @@ import FileItem from '../../component/fileItem';
 import discoverStyle from '../../styles/discover';
 import Colors from '../../styles/colors';
 import UriBar from '../../component/uriBar';
-import Feather from 'react-native-vector-icons/Feather';
 
 class TrendingPage extends React.PureComponent {
   componentDidMount() {