From 184d5d1ec3c44b4649dfcc3602b2ab38c73b7f8e Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Thu, 5 Dec 2019 13:16:43 +0100
Subject: [PATCH] i18n (#80)

* i18n all the strings
* assign file content
* download and save language files
* load language on startup
* load language setting correctly when app launches
* fix i18n calls in constants
* pin lbryinc commit
---
 package-lock.json                             |   4 +-
 package.json                                  |   2 +-
 src/component/AppNavigator.js                 |   6 +-
 src/component/address/view.js                 |   4 +-
 src/component/categoryList/index.js           |   4 -
 src/component/categoryList/view.js            |  39 ------
 src/component/channelIconItem/view.js         |   2 +-
 src/component/channelRewardsDriver/view.js    |   4 +-
 src/component/channelSelector/view.js         |  28 ++--
 src/component/claimList/view.js               |   4 +-
 src/component/customRewardCard/view.js        |  10 +-
 src/component/drawerContent/view.js           |  12 +-
 src/component/fileDownloadButton/view.js      |  16 +--
 src/component/fileItem/view.js                |   2 +-
 src/component/fileItemMedia/view.js           |   1 +
 src/component/fileListItem/view.js            |   2 +-
 src/component/filePrice/view.js               |  13 +-
 src/component/fileRewardsDriver/view.js       |   2 +-
 src/component/modalPicker/view.js             |   2 +-
 .../modalSuggestedSubscriptions/view.js       |   2 +-
 src/component/modalTagSelector/view.js        |   5 +-
 src/component/nsfwOverlay/view.js             |   2 +-
 src/component/publishRewardsDriver/view.js    |   4 +-
 src/component/rewardCard/view.js              |   6 +-
 src/component/rewardEnrolment/view.js         |  16 ++-
 src/component/rewardSummary/index.js          |  20 ---
 src/component/rewardSummary/view.js           |  82 -----------
 src/component/searchInput/index.js            |  19 ---
 src/component/searchInput/view.js             |  41 ------
 src/component/storageStatsCard/view.js        |  14 +-
 src/component/suggestedSubscriptions/view.js  |   2 +-
 src/component/tagSearch/view.js               |   2 +-
 .../internal/transaction-list-item.js         |  10 +-
 src/component/transactionList/view.js         |   2 +-
 src/component/transactionListRecent/view.js   |  16 +--
 src/component/uriBar/view.js                  |   2 +-
 src/component/walletAddress/view.js           |  11 +-
 src/component/walletBalance/view.js           |   4 +-
 src/component/walletSend/view.js              |  18 +--
 src/component/walletSignIn/view.js            |  15 +-
 src/component/walletSyncDriver/view.js        |  24 ++--
 src/i18n.js                                   |  79 +++++++++++
 src/index.js                                  |   6 +-
 src/page/about/view.js                        |  38 ++---
 src/page/channel/view.js                      |  12 +-
 src/page/channelCreator/view.js               |  44 +++---
 src/page/discover/view.js                     |  29 ++--
 src/page/downloads/view.js                    |   4 +-
 src/page/file/view.js                         |  37 ++---
 src/page/firstRun/index.js                    |   4 +-
 .../firstRun/internal/email-collect-page.js   |   8 +-
 .../firstRun/internal/email-verify-page.js    |   4 +-
 .../firstRun/internal/skip-account-page.js    |   9 +-
 src/page/firstRun/internal/wallet-page.js     |  16 ++-
 src/page/firstRun/internal/welcome-page.js    |  12 +-
 src/page/firstRun/view.js                     |  73 ++++++++--
 src/page/publish/view.js                      | 113 ++++++++-------
 src/page/publishes/view.js                    |   2 +-
 src/page/rewards/view.js                      |  10 +-
 src/page/search/view.js                       |   2 +-
 src/page/settings/index.js                    |   4 +-
 src/page/settings/view.js                     | 130 +++++++++++++++---
 src/page/splash/index.js                      |   2 +-
 src/page/splash/view.js                       |  60 ++++----
 src/page/subscriptions/view.js                |  16 ++-
 src/page/tag/view.js                          |   6 +-
 src/page/transactionHistory/view.js           |   6 +-
 src/page/trending/view.js                     |  16 +--
 .../internal/email-verify-page.js             |  14 +-
 .../internal/manual-verify-page.js            |   7 +-
 .../internal/phone-verify-page.js             |  10 +-
 .../verification/internal/sync-verify-page.js |  20 +--
 src/styles/channelSelector.js                 |   4 +
 src/styles/settings.js                        |  22 +++
 74 files changed, 703 insertions(+), 590 deletions(-)
 delete mode 100644 src/component/categoryList/index.js
 delete mode 100644 src/component/categoryList/view.js
 delete mode 100644 src/component/rewardSummary/index.js
 delete mode 100644 src/component/rewardSummary/view.js
 delete mode 100644 src/component/searchInput/index.js
 delete mode 100644 src/component/searchInput/view.js
 create mode 100644 src/i18n.js

diff --git a/package-lock.json b/package-lock.json
index b3eae37..b980cec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5649,8 +5649,8 @@
             }
         },
         "lbryinc": {
-            "version": "github:lbryio/lbryinc#27b6fcb8391b54cc9ea4d0a52a6ee536e39aa166",
-            "from": "github:lbryio/lbryinc#27b6fcb8391b54cc9ea4d0a52a6ee536e39aa166",
+            "version": "github:lbryio/lbryinc#9ffb883cc11e36d55a729c65b70c405a4a56d35e",
+            "from": "github:lbryio/lbryinc#9ffb883cc11e36d55a729c65b70c405a4a56d35e",
             "requires": {
                 "reselect": "^3.0.0"
             }
diff --git a/package.json b/package.json
index 5bc262a..2bf1512 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
         "@expo/vector-icons": "^8.1.0",
         "gfycat-style-urls": "^1.0.3",
         "lbry-redux": "lbryio/lbry-redux#8ac92e3abfa0a9aacdb2fa4a144c3fadc4da6b11",
-        "lbryinc": "lbryio/lbryinc#27b6fcb8391b54cc9ea4d0a52a6ee536e39aa166",
+        "lbryinc": "lbryio/lbryinc#9ffb883cc11e36d55a729c65b70c405a4a56d35e",
         "lodash": ">=4.17.11",
         "merge": ">=1.2.1",
         "moment": "^2.22.1",
diff --git a/src/component/AppNavigator.js b/src/component/AppNavigator.js
index 2d37527..e496631 100644
--- a/src/component/AppNavigator.js
+++ b/src/component/AppNavigator.js
@@ -364,7 +364,7 @@ class AppWithNavigationState extends React.Component {
       this.setState({ verifyPending: false });
 
       NativeModules.Firebase.track('email_verified', { email: user.primary_email });
-      ToastAndroid.show('Your email address was successfully verified.', ToastAndroid.LONG);
+      ToastAndroid.show(__('Your email address was successfully verified.'), ToastAndroid.LONG);
 
       // get user settings after email verification
       this.getUserSettings();
@@ -401,7 +401,7 @@ class AppWithNavigationState extends React.Component {
           this.setState({ emailVerifyDone: true });
           const message = emailVerifyErrorMessage
             ? String(emailVerifyErrorMessage)
-            : 'Your email address was successfully verified.';
+            : __('Your email address was successfully verified.');
           if (!emailVerifyErrorMessage) {
             AsyncStorage.removeItem(Constants.KEY_FIRST_RUN_EMAIL);
           }
@@ -476,7 +476,7 @@ class AppWithNavigationState extends React.Component {
           try {
             dispatch(doUserEmailVerify(verification.token, verification.recaptcha));
           } catch (error) {
-            const message = 'Invalid Verification Token';
+            const message = __('Invalid Verification Token');
             dispatch(doUserEmailVerifyFailure(message));
             dispatch(doToast({ message }));
           }
diff --git a/src/component/address/view.js b/src/component/address/view.js
index 36fe8f0..0f66b77 100644
--- a/src/component/address/view.js
+++ b/src/component/address/view.js
@@ -15,7 +15,7 @@ export default class Address extends React.PureComponent<Props> {
 
     return (
       <View style={[walletStyle.row, style]}>
-        <Text selectable={true} numberOfLines={1} style={walletStyle.address}>
+        <Text selectable numberOfLines={1} style={walletStyle.address}>
           {address || ''}
         </Text>
         <Button
@@ -24,7 +24,7 @@ export default class Address extends React.PureComponent<Props> {
           onPress={() => {
             Clipboard.setString(address);
             doToast({
-              message: 'Address copied',
+              message: __('Address copied'),
             });
           }}
         />
diff --git a/src/component/categoryList/index.js b/src/component/categoryList/index.js
deleted file mode 100644
index 2d87b90..0000000
--- a/src/component/categoryList/index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import { connect } from 'react-redux';
-import CategoryList from './view';
-
-export default connect()(CategoryList);
diff --git a/src/component/categoryList/view.js b/src/component/categoryList/view.js
deleted file mode 100644
index 61aca52..0000000
--- a/src/component/categoryList/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import NavigationActions from 'react-navigation';
-import { FlatList, Text, View } from 'react-native';
-import { normalizeURI } from 'lbry-redux';
-import FileItem from '/component/fileItem';
-import discoverStyle from 'styles/discover';
-
-class CategoryList extends React.PureComponent {
-  render() {
-    const { category, categoryMap, navigation } = this.props;
-
-    return (
-      <FlatList
-        style={discoverStyle.horizontalScrollContainer}
-        contentContainerStyle={discoverStyle.horizontalScrollPadding}
-        initialNumToRender={3}
-        maxToRenderPerBatch={3}
-        removeClippedSubviews={true}
-        renderItem={({ item }) => (
-          <FileItem
-            style={discoverStyle.fileItem}
-            mediaStyle={discoverStyle.fileItemMedia}
-            key={item}
-            uri={normalizeURI(item)}
-            navigation={navigation}
-            showDetails={true}
-            compactView={false}
-          />
-        )}
-        horizontal={true}
-        showsHorizontalScrollIndicator={false}
-        data={categoryMap[category]}
-        keyExtractor={(item, index) => item}
-      />
-    );
-  }
-}
-
-export default CategoryList;
diff --git a/src/component/channelIconItem/view.js b/src/component/channelIconItem/view.js
index 0e39c22..89b8943 100644
--- a/src/component/channelIconItem/view.js
+++ b/src/component/channelIconItem/view.js
@@ -63,7 +63,7 @@ export default class ChannelIconItem extends React.PureComponent {
         >
           {isPlaceholder && (
             <View style={channelIconStyle.centered}>
-              <Text style={channelIconStyle.placeholderText}>ALL</Text>
+              <Text style={channelIconStyle.placeholderText}>{__('ALL')}</Text>
             </View>
           )}
           {!isPlaceholder && thumbnail && (
diff --git a/src/component/channelRewardsDriver/view.js b/src/component/channelRewardsDriver/view.js
index 3f7e228..003bf9b 100644
--- a/src/component/channelRewardsDriver/view.js
+++ b/src/component/channelRewardsDriver/view.js
@@ -12,7 +12,9 @@ class ChannelRewardsDriver extends React.PureComponent<Props> {
       <TouchableOpacity style={publishStyle.rewardDriverCard} onPress={() => navigation.navigate('Rewards')}>
         <Icon name="award" size={16} style={publishStyle.rewardIcon} />
         <Text style={publishStyle.rewardDriverText}>
-          Channel creation requires credits.{'\n'}Tap here to get some for free.
+          {__('Channel creation requires credits.')}
+          {'\n'}
+          {__('Tap here to get some for free.')}
         </Text>
       </TouchableOpacity>
     );
diff --git a/src/component/channelSelector/view.js b/src/component/channelSelector/view.js
index cb63404..2652307 100644
--- a/src/component/channelSelector/view.js
+++ b/src/component/channelSelector/view.js
@@ -87,9 +87,9 @@ export default class ChannelSelector extends React.PureComponent {
     }
 
     if (newChannelName.trim().length > 0 && !isNameValid(newChannelName)) {
-      newChannelNameError = 'Your channel name contains invalid characters.';
+      newChannelNameError = __('Your channel name contains invalid characters.');
     } else if (this.channelExists(newChannelName)) {
-      newChannelNameError = 'You have already created a channel with the same name.';
+      newChannelNameError = __('You have already created a channel with the same name.');
     }
 
     this.setState({
@@ -122,17 +122,17 @@ export default class ChannelSelector extends React.PureComponent {
     const { newChannelBid, newChannelName } = this.state;
 
     if (newChannelName.trim().length === 0 || !isNameValid(newChannelName.substr(1), false)) {
-      notify({ message: 'Your channel name contains invalid characters.' });
+      notify({ message: __('Your channel name contains invalid characters.') });
       return;
     }
 
     if (this.channelExists(newChannelName)) {
-      notify({ message: 'You have already created a channel with the same name.' });
+      notify({ message: __('You have already created a channel with the same name.') });
       return;
     }
 
     if (newChannelBid > balance) {
-      notify({ message: 'Deposit cannot be higher than your balance' });
+      notify({ message: __('Deposit cannot be higher than your balance') });
       return;
     }
 
@@ -161,7 +161,7 @@ export default class ChannelSelector extends React.PureComponent {
     };
 
     const failure = () => {
-      notify({ message: 'Unable to create channel due to an internal error.' });
+      notify({ message: __('Unable to create channel due to an internal error.') });
       this.setState({
         creatingChannel: false,
       });
@@ -214,7 +214,11 @@ export default class ChannelSelector extends React.PureComponent {
           onValueChange={this.handlePickerValueChange}
         >
           {pickerItems.map(item => (
-            <Picker.Item label={item} value={item} key={item} />
+            <Picker.Item
+              label={[Constants.ITEM_ANONYMOUS, Constants.ITEM_CREATE_A_CHANNEL].includes(item) ? __(item) : item}
+              value={item}
+              key={item}
+            />
           ))}
         </Picker>
 
@@ -227,7 +231,7 @@ export default class ChannelSelector extends React.PureComponent {
                 style={channelSelectorStyle.channelNameInput}
                 value={this.state.newChannelName}
                 onChangeText={this.handleNewChannelNameChange}
-                placeholder={'Channel name'}
+                placeholder={__('Channel name')}
                 underlineColorAndroid={Colors.NextLbryGreen}
               />
             </View>
@@ -235,7 +239,7 @@ export default class ChannelSelector extends React.PureComponent {
               <Text style={channelSelectorStyle.inlineError}>{newChannelNameError}</Text>
             )}
             <View style={channelSelectorStyle.bidRow}>
-              <Text style={channelSelectorStyle.label}>Deposit</Text>
+              <Text style={channelSelectorStyle.label}>{__('Deposit')}</Text>
               <TextInput
                 style={channelSelectorStyle.bidAmountInput}
                 value={String(newChannelBid)}
@@ -247,18 +251,18 @@ export default class ChannelSelector extends React.PureComponent {
               <Text style={channelSelectorStyle.currency}>LBC</Text>
             </View>
             <Text style={channelSelectorStyle.helpText}>
-              This LBC remains yours. It is a deposit to reserve the name and can be undone at any time.
+              {__('This LBC remains yours. It is a deposit to reserve the name and can be undone at any time.')}
             </Text>
 
             <View style={channelSelectorStyle.buttonContainer}>
               {creatingChannel && <ActivityIndicator size={'small'} color={Colors.LbryGreen} />}
               {!creatingChannel && (
                 <View style={channelSelectorStyle.buttons}>
-                  <Link style={channelSelectorStyle.cancelLink} text="Cancel" onPress={this.handleCreateCancel} />
+                  <Link style={channelSelectorStyle.cancelLink} text={__('Cancel')} onPress={this.handleCreateCancel} />
                   <Button
                     style={channelSelectorStyle.createButton}
                     disabled={!(newChannelName.trim().length > 0 && newChannelBid > 0)}
-                    text="Create"
+                    text={__('Create')}
                     onPress={this.handleCreateChannelClick}
                   />
                 </View>
diff --git a/src/component/claimList/view.js b/src/component/claimList/view.js
index d527c48..02f8350 100644
--- a/src/component/claimList/view.js
+++ b/src/component/claimList/view.js
@@ -155,7 +155,9 @@ class ClaimList extends React.PureComponent {
 
   verticalListEmptyComponent = () => {
     return (
-      <Text style={claimListStyle.noContentText}>No content to display at this time. Please check back later.</Text>
+      <Text style={claimListStyle.noContentText}>
+        {__('No content to display at this time. Please check back later.')}
+      </Text>
     );
   };
 
diff --git a/src/component/customRewardCard/view.js b/src/component/customRewardCard/view.js
index 2e8a826..fb38f7f 100644
--- a/src/component/customRewardCard/view.js
+++ b/src/component/customRewardCard/view.js
@@ -20,7 +20,7 @@ class CustomRewardCard extends React.PureComponent<Props> {
       if (error && error.trim().length > 0) {
         notify({ message: error });
       } else {
-        notify({ message: 'Reward successfully claimed!' });
+        notify({ message: __('Reward successfully claimed!') });
         this.setState({ rewardCode: '' });
       }
       this.setState({ claimStarted: false });
@@ -37,12 +37,12 @@ class CustomRewardCard extends React.PureComponent<Props> {
       if (showVerification) {
         showVerification();
       }
-      notify({ message: 'Unfortunately, you are not eligible to claim this reward at this time.' });
+      notify({ message: __('Unfortunately, you are not eligible to claim this reward at this time.') });
       return;
     }
 
     if (!rewardCode || rewardCode.trim().length === 0) {
-      notify({ message: 'Please enter a reward code to claim.' });
+      notify({ message: __('Please enter a reward code to claim.') });
       return;
     }
 
@@ -60,9 +60,9 @@ class CustomRewardCard extends React.PureComponent<Props> {
           {rewardIsPending && <ActivityIndicator size="small" color={Colors.NextLbryGreen} />}
         </View>
         <View style={rewardStyle.midCol}>
-          <Text style={rewardStyle.rewardTitle}>Custom Code</Text>
+          <Text style={rewardStyle.rewardTitle}>{__('Custom Code')}</Text>
           <Text style={rewardStyle.rewardDescription}>
-            Are you a supermodel or rockstar that received a custom reward code? Claim it here.
+            {__('Are you a supermodel or rockstar that received a custom reward code? Claim it here.')}
           </Text>
 
           <View>
diff --git a/src/component/drawerContent/view.js b/src/component/drawerContent/view.js
index 6838025..3bc27ef 100644
--- a/src/component/drawerContent/view.js
+++ b/src/component/drawerContent/view.js
@@ -77,7 +77,7 @@ class DrawerContent extends React.PureComponent {
               <Button
                 style={discoverStyle.signInButton}
                 theme={'light'}
-                text={'Sign in'}
+                text={__('Sign in')}
                 onPress={this.launchSignInFlow}
               />
             )}
@@ -113,12 +113,12 @@ class DrawerContent extends React.PureComponent {
             {!signedIn && (
               <TouchableOpacity
                 accessible
-                accessibilityLabel={'Sign In'}
+                accessibilityLabel={__('Sign In')}
                 onPress={this.launchSignInFlow}
                 delayPressIn={0}
                 style={[discoverStyle.signInMenuItem, discoverStyle.signInMenuItemButton]}
               >
-                <Text style={discoverStyle.signInMenuItemButtonText}>SIGN IN</Text>
+                <Text style={discoverStyle.signInMenuItemButtonText}>{__('SIGN IN')}</Text>
               </TouchableOpacity>
             )}
 
@@ -137,7 +137,7 @@ class DrawerContent extends React.PureComponent {
                 <View key={groupName} style={discoverStyle.menuGroup}>
                   {groupNames[3] !== groupName && (
                     <Text key={`${groupName}-title`} style={discoverStyle.menuGroupName}>
-                      {groupName}
+                      {__(groupName)}
                     </Text>
                   )}
                   {menuItems.map(item => {
@@ -150,7 +150,7 @@ class DrawerContent extends React.PureComponent {
                     return (
                       <TouchableOpacity
                         accessible
-                        accessibilityLabel={item.label}
+                        accessibilityLabel={__(item.label)}
                         style={[
                           discoverStyle.menuItemTouchArea,
                           focused ? discoverStyle.menuItemTouchAreaFocused : null,
@@ -168,7 +168,7 @@ class DrawerContent extends React.PureComponent {
                           />
                         </View>
                         <Text style={[discoverStyle.menuItem, focused ? discoverStyle.menuItemFocused : null]}>
-                          {item.label}
+                          {__(item.label)}
                         </Text>
                       </TouchableOpacity>
                     );
diff --git a/src/component/fileDownloadButton/view.js b/src/component/fileDownloadButton/view.js
index 2834b38..077363f 100644
--- a/src/component/fileDownloadButton/view.js
+++ b/src/component/fileDownloadButton/view.js
@@ -12,8 +12,8 @@ class FileDownloadButton extends React.PureComponent {
   }
 
   componentWillReceiveProps(nextProps) {
-    //this.checkAvailability(nextProps.uri);
-    //this.restartDownload(nextProps);
+    // this.checkAvailability(nextProps.uri);
+    // this.restartDownload(nextProps);
   }
 
   restartDownload(props) {
@@ -50,13 +50,11 @@ class FileDownloadButton extends React.PureComponent {
 
     if ((fileInfo && !fileInfo.stopped) || loading || downloading) {
       const progress = fileInfo && fileInfo.written_bytes ? (fileInfo.written_bytes / fileInfo.total_bytes) * 100 : 0,
-        label = fileInfo ? progress.toFixed(0) + '% complete' : 'Connecting...';
+        label = fileInfo ? progress.toFixed(0) + '% complete' : __('Connecting...');
 
       return (
         <View style={[style, fileDownloadButtonStyle.container]}>
-          <View
-            style={{ width: `${progress}%`, backgroundColor: '#ff0000', position: 'absolute', left: 0, top: 0 }}
-          ></View>
+          <View style={{ width: `${progress}%`, backgroundColor: '#ff0000', position: 'absolute', left: 0, top: 0 }} />
           <Text style={fileDownloadButtonStyle.text}>{label}</Text>
         </View>
       );
@@ -64,14 +62,14 @@ class FileDownloadButton extends React.PureComponent {
       if (!costInfo) {
         return (
           <View style={[style, fileDownloadButtonStyle.container]}>
-            <Text style={fileDownloadButtonStyle.text}>Fetching cost info...</Text>
+            <Text style={fileDownloadButtonStyle.text}>{__('Fetching cost info...')}</Text>
           </View>
         );
       }
       return (
         <Button
           icon={isPlayable ? 'play' : null}
-          text={isPlayable ? 'Play' : isViewable ? 'View' : 'Download'}
+          text={isPlayable ? __('Play') : isViewable ? __('View') : __('Download')}
           onLayout={onButtonLayout}
           style={[style, fileDownloadButtonStyle.container]}
           onPress={() => {
@@ -98,7 +96,7 @@ class FileDownloadButton extends React.PureComponent {
           style={[style, fileDownloadButtonStyle.container]}
           onPress={openFile}
         >
-          <Text style={fileDownloadButtonStyle.text}>{isViewable ? 'View' : 'Open'}</Text>
+          <Text style={fileDownloadButtonStyle.text}>{isViewable ? __('View') : __('Open')}</Text>
         </TouchableOpacity>
       );
     }
diff --git a/src/component/fileItem/view.js b/src/component/fileItem/view.js
index 10b7679..cce602f 100644
--- a/src/component/fileItem/view.js
+++ b/src/component/fileItem/view.js
@@ -134,7 +134,7 @@ class FileItem extends React.PureComponent {
                   }}
                 />
               )}
-              {!channelName && !isResolvingUri && <Text style={discoverStyle.anonChannelName}>Anonymous</Text>}
+              {!channelName && !isResolvingUri && <Text style={discoverStyle.anonChannelName}>{__('Anonymous')}</Text>}
               <DateTime style={discoverStyle.dateTime} textStyle={discoverStyle.dateTimeText} timeAgo uri={uri} />
             </View>
           )}
diff --git a/src/component/fileItemMedia/view.js b/src/component/fileItemMedia/view.js
index 36ecac6..346e878 100644
--- a/src/component/fileItemMedia/view.js
+++ b/src/component/fileItemMedia/view.js
@@ -61,6 +61,7 @@ class FileItemMedia extends React.PureComponent {
     let style = this.props.style;
     const { duration, isResolvingUri, thumbnail, title, resizeMode } = this.props;
     const atStyle = this.state.autoThumbStyle;
+
     if (this.isThumbnailValid(thumbnail) && !this.state.imageLoadFailed) {
       if (style == null) {
         style = fileItemMediaStyle.thumbnail;
diff --git a/src/component/fileListItem/view.js b/src/component/fileListItem/view.js
index 797ea8c..7cb4c7c 100644
--- a/src/component/fileListItem/view.js
+++ b/src/component/fileListItem/view.js
@@ -189,7 +189,7 @@ class FileListItem extends React.PureComponent {
 
             {featuredResult && !isResolving && !claim && (
               <View style={fileListStyle.titleContainer}>
-                <Text style={fileListStyle.featuredTitle}>Nothing here. Publish something!</Text>
+                <Text style={fileListStyle.featuredTitle}>{__('Nothing here. Publish something!')}</Text>
               </View>
             )}
 
diff --git a/src/component/filePrice/view.js b/src/component/filePrice/view.js
index 633e2ae..18c52a7 100644
--- a/src/component/filePrice/view.js
+++ b/src/component/filePrice/view.js
@@ -42,11 +42,16 @@ class CreditAmount extends React.PureComponent {
 
     let amountText;
     if (this.props.showFree && parseFloat(this.props.amount) === 0) {
-      amountText = 'FREE';
+      amountText = __('FREE');
     } else {
       if (this.props.label) {
         const label =
-          typeof this.props.label === 'string' ? this.props.label : parseFloat(amount) == 1 ? 'credit' : 'credits';
+          typeof this.props.label === 'string'
+            ? this.props.label
+            : parseFloat(amount) === 1
+              ? __('credit')
+              : __('credits');
+        // TODO: handling singular / plural in other languages?
 
         amountText = `${formattedAmount} ${label}`;
       } else {
@@ -57,14 +62,14 @@ class CreditAmount extends React.PureComponent {
       }
     }
 
-    /*{this.props.isEstimate ? (
+    /* {this.props.isEstimate ? (
           <span
             className="credit-amount__estimate"
             title={__('This is an estimate and does not include data fees')}
           >
             *
           </span>
-        ) : null}*/
+        ) : null} */
     return <Text style={style}>{amountText}</Text>;
   }
 }
diff --git a/src/component/fileRewardsDriver/view.js b/src/component/fileRewardsDriver/view.js
index e46a90f..209cbf5 100644
--- a/src/component/fileRewardsDriver/view.js
+++ b/src/component/fileRewardsDriver/view.js
@@ -10,7 +10,7 @@ class FileRewardsDriver extends React.PureComponent<Props> {
     return (
       <TouchableOpacity style={filePageStyle.rewardDriverCard} onPress={() => navigation.navigate('Rewards')}>
         <Icon name="award" size={16} style={filePageStyle.rewardDriverIcon} />
-        <Text style={filePageStyle.rewardDriverText}>Earn some credits to access this content.</Text>
+        <Text style={filePageStyle.rewardDriverText}>{__('Earn some credits to access this content.')}</Text>
       </TouchableOpacity>
     );
   }
diff --git a/src/component/modalPicker/view.js b/src/component/modalPicker/view.js
index b548f1a..64bb490 100644
--- a/src/component/modalPicker/view.js
+++ b/src/component/modalPicker/view.js
@@ -46,7 +46,7 @@ export default class ModalPicker extends React.PureComponent {
                   onPress={() => onItemSelected(item)}
                 >
                   {item.icon && <Icon style={modalPickerStyle.itemIcon} name={item.icon} size={16} />}
-                  <Text style={modalPickerStyle.itemLabel}>{item.label}</Text>
+                  <Text style={modalPickerStyle.itemLabel}>{__(item.label)}</Text>
                   {selectedItem && selectedItem.name === item.name && (
                     <Icon style={modalPickerStyle.itemSelected} name={'check'} color={Colors.LbryGreen} size={16} />
                   )}
diff --git a/src/component/modalSuggestedSubscriptions/view.js b/src/component/modalSuggestedSubscriptions/view.js
index 0c8765e..d12e269 100644
--- a/src/component/modalSuggestedSubscriptions/view.js
+++ b/src/component/modalSuggestedSubscriptions/view.js
@@ -17,7 +17,7 @@ export default class ModalSuggestedSubcriptions extends React.PureComponent {
         <TouchableOpacity style={[modalStyle.container, subscriptionsStyle.modalContainer]} activeOpacity={1}>
           <SuggestedSubscriptions inModal navigation={navigation} />
           <View style={modalStyle.buttons}>
-            <Button style={modalStyle.doneButton} text={'Done'} onPress={onDonePress} />
+            <Button style={modalStyle.doneButton} text={__('Done')} onPress={onDonePress} />
           </View>
         </TouchableOpacity>
       </TouchableOpacity>
diff --git a/src/component/modalTagSelector/view.js b/src/component/modalTagSelector/view.js
index 4f0a8b6..6e688cc 100644
--- a/src/component/modalTagSelector/view.js
+++ b/src/component/modalTagSelector/view.js
@@ -8,7 +8,6 @@ import Icon from 'react-native-vector-icons/FontAwesome5';
 import Tag from 'component/tag';
 import TagSearch from 'component/tagSearch';
 import modalTagSelectorStyle from 'styles/modalTagSelector';
-import { __ } from 'utils/helper';
 
 const minimumTags = 2;
 
@@ -57,7 +56,7 @@ export default class ModalTagSelector extends React.PureComponent {
       <TouchableOpacity style={modalTagSelectorStyle.overlay} activeOpacity={1} onPress={onOverlayPress}>
         <TouchableOpacity style={modalTagSelectorStyle.container} activeOpacity={1}>
           <View style={modalTagSelectorStyle.titleRow}>
-            <Text style={modalTagSelectorStyle.title}>Customize your tags</Text>
+            <Text style={modalTagSelectorStyle.title}>{__('Customize your tags')}</Text>
           </View>
           <View style={modalTagSelectorStyle.tagList}>
             {tags &&
@@ -73,7 +72,7 @@ export default class ModalTagSelector extends React.PureComponent {
           </View>
           <TagSearch handleAddTag={this.handleAddTag} selectedTags={tags} />
           <View style={modalTagSelectorStyle.buttons}>
-            <Button style={modalTagSelectorStyle.doneButton} text={'Done'} onPress={onDonePress} />
+            <Button style={modalTagSelectorStyle.doneButton} text={__('Done')} onPress={onDonePress} />
           </View>
         </TouchableOpacity>
       </TouchableOpacity>
diff --git a/src/component/nsfwOverlay/view.js b/src/component/nsfwOverlay/view.js
index b521c75..64dffcc 100644
--- a/src/component/nsfwOverlay/view.js
+++ b/src/component/nsfwOverlay/view.js
@@ -7,7 +7,7 @@ class NsfwOverlay extends React.PureComponent {
     return (
       <TouchableOpacity style={discoverStyle.overlay} activeOpacity={1} onPress={this.props.onPress}>
         <Text style={discoverStyle.overlayText}>
-          This content is Not Safe For Work. To view adult content, please change your Settings.
+          {__('This content is Not Safe For Work. To view adult content, please change your Settings.')}
         </Text>
       </TouchableOpacity>
     );
diff --git a/src/component/publishRewardsDriver/view.js b/src/component/publishRewardsDriver/view.js
index 13975b3..effa214 100644
--- a/src/component/publishRewardsDriver/view.js
+++ b/src/component/publishRewardsDriver/view.js
@@ -12,7 +12,9 @@ class PublishRewardsDriver extends React.PureComponent<Props> {
       <TouchableOpacity style={publishStyle.rewardDriverCard} onPress={() => navigation.navigate('Rewards')}>
         <Icon name="award" size={16} style={publishStyle.rewardIcon} />
         <Text style={publishStyle.rewardDriverText}>
-          Publishing requires credits.{'\n'}Tap here to get some for free.
+          {__('Publishing requires credits.')}
+          {'\n'}
+          {__('Tap here to get some for free.')}
         </Text>
       </TouchableOpacity>
     );
diff --git a/src/component/rewardCard/view.js b/src/component/rewardCard/view.js
index 8db4147..87eceaa 100644
--- a/src/component/rewardCard/view.js
+++ b/src/component/rewardCard/view.js
@@ -34,7 +34,7 @@ class RewardCard extends React.PureComponent<Props> {
         notify({ message: errorMessage });
         clearError(reward);
       } else {
-        notify({ message: 'Reward successfully claimed!' });
+        notify({ message: __('Reward successfully claimed!') });
       }
       this.setState({ claimStarted: false });
     }
@@ -47,7 +47,7 @@ class RewardCard extends React.PureComponent<Props> {
       if (showVerification) {
         showVerification();
       }
-      notify({ message: 'Unfortunately, you are not eligible to claim this reward at this time.' });
+      notify({ message: __('Unfortunately, you are not eligible to claim this reward at this time.') });
       return;
     }
 
@@ -112,7 +112,7 @@ class RewardCard extends React.PureComponent<Props> {
               style={rewardStyle.link}
               href={`https://explorer.lbry.com/tx/${reward.transaction_id}`}
               text={reward.transaction_id.substring(0, 7)}
-              error={'The transaction URL could not be opened'}
+              error={__('The transaction URL could not be opened')}
             />
           )}
         </View>
diff --git a/src/component/rewardEnrolment/view.js b/src/component/rewardEnrolment/view.js
index c4b6457..94d31d2 100644
--- a/src/component/rewardEnrolment/view.js
+++ b/src/component/rewardEnrolment/view.js
@@ -40,18 +40,24 @@ class RewardEnrolment extends React.Component {
 
         <View style={rewardStyle.onboarding}>
           <Text style={rewardStyle.enrollDescText}>
-            LBRY credits allow you to purchase content, publish content, and influence the network.{'\n\n'}
-            You get credits for free for providing an email address and taking other basic actions.{'\n\n'}
-            <Link style={rewardStyle.learnMoreLink} text={'Learn more'} onPress={this.onLearnMorePressed} />.
+            {__('LBRY credits allow you to purchase content, publish content, and influence the network.')}
+            {'\n\n'}
+            {__('You get credits for free for providing an email address and taking other basic actions.')}
+            {'\n\n'}
+            <Link style={rewardStyle.learnMoreLink} text={__('Learn more')} onPress={this.onLearnMorePressed} />.
           </Text>
         </View>
 
         <View style={rewardStyle.buttonRow}>
-          <Link style={rewardStyle.notInterestedLink} text={'Not interested'} onPress={this.onNotInterestedPressed} />
+          <Link
+            style={rewardStyle.notInterestedLink}
+            text={__('Not interested')}
+            onPress={this.onNotInterestedPressed}
+          />
           <Button
             style={rewardStyle.enrollButton}
             theme={'light'}
-            text={'Get started'}
+            text={__('Get started')}
             onPress={this.onEnrollPressed}
           />
         </View>
diff --git a/src/component/rewardSummary/index.js b/src/component/rewardSummary/index.js
deleted file mode 100644
index a7de155..0000000
--- a/src/component/rewardSummary/index.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { connect } from 'react-redux';
-import { doToast } from 'lbry-redux';
-import { doRewardList, selectUnclaimedRewardValue, selectFetchingRewards, selectUser } from 'lbryinc';
-import RewardSummary from './view';
-
-const select = state => ({
-  unclaimedRewardAmount: selectUnclaimedRewardValue(state),
-  fetching: selectFetchingRewards(state),
-  user: selectUser(state),
-});
-
-const perform = dispatch => ({
-  fetchRewards: () => dispatch(doRewardList()),
-  notify: data => dispatch(doToast(data)),
-});
-
-export default connect(
-  select,
-  perform
-)(RewardSummary);
diff --git a/src/component/rewardSummary/view.js b/src/component/rewardSummary/view.js
deleted file mode 100644
index d077501..0000000
--- a/src/component/rewardSummary/view.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import React from 'react';
-import { NativeModules, Text, TouchableOpacity, View } from 'react-native';
-import AsyncStorage from '@react-native-community/async-storage';
-import Button from 'component/button';
-import Colors from 'styles/colors';
-import Icon from 'react-native-vector-icons/FontAwesome5';
-import rewardStyle from 'styles/reward';
-
-class RewardSummary extends React.Component {
-  static itemKey = 'rewardSummaryDismissed';
-
-  state = {
-    actionsLeft: 0,
-    dismissed: false,
-  };
-
-  componentDidMount() {
-    this.props.fetchRewards();
-
-    AsyncStorage.getItem(RewardSummary.itemKey).then(isDismissed => {
-      if (isDismissed === 'true') {
-        this.setState({ dismissed: true });
-      }
-
-      const { user } = this.props;
-      let actionsLeft = 0;
-      if (!user || !user.has_verified_email) {
-        actionsLeft++;
-      }
-
-      if (!user || !user.is_identity_verified) {
-        actionsLeft++;
-      }
-
-      this.setState({ actionsLeft });
-    });
-  }
-
-  onDismissPressed = () => {
-    AsyncStorage.setItem(RewardSummary.itemKey, 'true');
-    this.setState({ dismissed: true });
-    this.props.notify({
-      message: 'You can always claim your rewards from the Rewards page.',
-    });
-  };
-
-  handleSummaryPressed = () => {
-    const { showVerification } = this.props;
-    if (showVerification) {
-      showVerification();
-    }
-  };
-
-  render() {
-    const { fetching, navigation, unclaimedRewardAmount, user } = this.props;
-
-    if (!user) {
-      return null;
-    }
-
-    if (
-      this.state.dismissed ||
-      (user && user.is_reward_approved) ||
-      this.state.actionsLeft === 0 ||
-      unclaimedRewardAmount === 0
-    ) {
-      return null;
-    }
-
-    return (
-      <TouchableOpacity style={rewardStyle.summaryContainer} onPress={this.handleSummaryPressed}>
-        <View style={rewardStyle.summaryRow}>
-          <Icon name="award" size={36} color={Colors.White} />
-          <Text style={rewardStyle.summaryText}>{unclaimedRewardAmount} available credits</Text>
-        </View>
-        <Button style={rewardStyle.dismissButton} theme={'light'} text={'Dismiss'} onPress={this.onDismissPressed} />
-      </TouchableOpacity>
-    );
-  }
-}
-
-export default RewardSummary;
diff --git a/src/component/searchInput/index.js b/src/component/searchInput/index.js
deleted file mode 100644
index a275b9b..0000000
--- a/src/component/searchInput/index.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { connect } from 'react-redux';
-import { NativeModules } from 'react-native';
-import { doSearch, doUpdateSearchQuery } from 'lbry-redux';
-import SearchInput from './view';
-
-const perform = dispatch => ({
-  search: search => {
-    if (NativeModules.Firebase) {
-      NativeModules.Firebase.track('search', { query: search });
-    }
-    return dispatch(doSearch(search));
-  },
-  updateSearchQuery: query => dispatch(doUpdateSearchQuery(query, false)),
-});
-
-export default connect(
-  null,
-  perform
-)(SearchInput);
diff --git a/src/component/searchInput/view.js b/src/component/searchInput/view.js
deleted file mode 100644
index 3c4d67c..0000000
--- a/src/component/searchInput/view.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { TextInput } from 'react-native';
-
-class SearchInput extends React.PureComponent {
-  static INPUT_TIMEOUT = 500;
-
-  state = {
-    changeTextTimeout: -1,
-  };
-
-  handleChangeText = text => {
-    clearTimeout(this.state.changeTextTimeout);
-    if (!text || text.trim().length < 2) {
-      // only perform a search if 2 or more characters have been input
-      return;
-    }
-    const { search, updateSearchQuery } = this.props;
-    updateSearchQuery(text);
-
-    let timeout = setTimeout(() => {
-      search(text);
-    }, SearchInput.INPUT_TIMEOUT);
-    this.setState({ changeTextTimeout: timeout });
-  };
-
-  render() {
-    const { style, value } = this.props;
-
-    return (
-      <TextInput
-        style={style}
-        placeholder="Search"
-        underlineColorAndroid="transparent"
-        value={value}
-        onChangeText={text => this.handleChangeText(text)}
-      />
-    );
-  }
-}
-
-export default SearchInput;
diff --git a/src/component/storageStatsCard/view.js b/src/component/storageStatsCard/view.js
index 4a59f71..6dece6c 100644
--- a/src/component/storageStatsCard/view.js
+++ b/src/component/storageStatsCard/view.js
@@ -1,9 +1,9 @@
 import React from 'react';
 import { normalizeURI, parseURI } from 'lbry-redux';
 import { ActivityIndicator, Platform, Switch, Text, TouchableOpacity, View } from 'react-native';
-import { formatBytes } from '../../utils/helper';
-import Colors from '../../styles/colors';
-import storageStatsStyle from '../../styles/storageStats';
+import { formatBytes } from 'utils/helper';
+import Colors from 'styles/colors';
+import storageStatsStyle from 'styles/storageStats';
 
 class StorageStatsCard extends React.PureComponent {
   state = {
@@ -98,28 +98,28 @@ class StorageStatsCard extends React.PureComponent {
               {this.state.totalAudioBytes > 0 && (
                 <View style={[storageStatsStyle.row, storageStatsStyle.legendItem]}>
                   <View style={[storageStatsStyle.legendBox, storageStatsStyle.audioDistribution]} />
-                  <Text style={storageStatsStyle.legendText}>Audio</Text>
+                  <Text style={storageStatsStyle.legendText}>{__('Audio')}</Text>
                   <Text style={storageStatsStyle.legendSize}>{formatBytes(this.state.totalAudioBytes, 2)}</Text>
                 </View>
               )}
               {this.state.totalImageBytes > 0 && (
                 <View style={[storageStatsStyle.row, storageStatsStyle.legendItem]}>
                   <View style={[storageStatsStyle.legendBox, storageStatsStyle.imageDistribution]} />
-                  <Text style={storageStatsStyle.legendText}>Images</Text>
+                  <Text style={storageStatsStyle.legendText}>{__('Images')}</Text>
                   <Text style={storageStatsStyle.legendSize}>{formatBytes(this.state.totalImageBytes, 2)}</Text>
                 </View>
               )}
               {this.state.totalVideoBytes > 0 && (
                 <View style={[storageStatsStyle.row, storageStatsStyle.legendItem]}>
                   <View style={[storageStatsStyle.legendBox, storageStatsStyle.videoDistribution]} />
-                  <Text style={storageStatsStyle.legendText}>Videos</Text>
+                  <Text style={storageStatsStyle.legendText}>{__('Videos')}</Text>
                   <Text style={storageStatsStyle.legendSize}>{formatBytes(this.state.totalVideoBytes, 2)}</Text>
                 </View>
               )}
               {this.state.totalOtherBytes > 0 && (
                 <View style={[storageStatsStyle.row, storageStatsStyle.legendItem]}>
                   <View style={[storageStatsStyle.legendBox, storageStatsStyle.otherDistribution]} />
-                  <Text style={storageStatsStyle.legendText}>Other</Text>
+                  <Text style={storageStatsStyle.legendText}>{__('Other')}</Text>
                   <Text style={storageStatsStyle.legendSize}>{formatBytes(this.state.totalOtherBytes, 2)}</Text>
                 </View>
               )}
diff --git a/src/component/suggestedSubscriptions/view.js b/src/component/suggestedSubscriptions/view.js
index e067988..6e17296 100644
--- a/src/component/suggestedSubscriptions/view.js
+++ b/src/component/suggestedSubscriptions/view.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { ActivityIndicator, SectionList, Text, View } from 'react-native';
 import { MATURE_TAGS, createNormalizedClaimSearchKey, normalizeURI } from 'lbry-redux';
-import { __, navigateToUri } from 'utils/helper';
+import { navigateToUri } from 'utils/helper';
 import SubscribeButton from 'component/subscribeButton';
 import SuggestedSubscriptionItem from 'component/suggestedSubscriptionItem';
 import Colors from 'styles/colors';
diff --git a/src/component/tagSearch/view.js b/src/component/tagSearch/view.js
index be04c31..f17bb82 100644
--- a/src/component/tagSearch/view.js
+++ b/src/component/tagSearch/view.js
@@ -89,7 +89,7 @@ export default class TagSearch extends React.PureComponent {
         </KeyboardAvoidingView>
         {showNsfwTags && (
           <View style={tagStyle.nsfwTagsContainer}>
-            <Text style={tagStyle.nsfwTagsTitle}>Mature tags</Text>
+            <Text style={tagStyle.nsfwTagsTitle}>{__('Mature tags')}</Text>
             <View style={tagStyle.tagResultsList}>
               {MATURE_TAGS.map(tag => (
                 <Tag
diff --git a/src/component/transactionList/internal/transaction-list-item.js b/src/component/transactionList/internal/transaction-list-item.js
index b1fa0a3..64c75fa 100644
--- a/src/component/transactionList/internal/transaction-list-item.js
+++ b/src/component/transactionList/internal/transaction-list-item.js
@@ -2,10 +2,10 @@
 import React from 'react';
 import { Text, View, Linking } from 'react-native';
 import { buildURI, formatCredits } from 'lbry-redux';
-import { navigateToUri } from '../../../utils/helper';
-import Link from '../../link';
+import { navigateToUri } from 'utils/helper';
+import Link from 'component/link';
 import moment from 'moment';
-import transactionListStyle from '../../../styles/transactionList';
+import transactionListStyle from 'styles/transactionList';
 
 class TransactionListItem extends React.PureComponent {
   capitalize(string: string) {
@@ -43,14 +43,14 @@ class TransactionListItem extends React.PureComponent {
               style={transactionListStyle.smallLink}
               text={txid.substring(0, 8)}
               href={`https://explorer.lbry.com/tx/${txid}`}
-              error={'The transaction URL could not be opened'}
+              error={__('The transaction URL could not be opened')}
             />
           </View>
           <View style={transactionListStyle.col}>
             {date ? (
               <Text style={transactionListStyle.smallText}>{moment(date).format('MMM D')}</Text>
             ) : (
-              <Text style={transactionListStyle.smallText}>Pending</Text>
+              <Text style={transactionListStyle.smallText}>{__('Pending')}</Text>
             )}
           </View>
         </View>
diff --git a/src/component/transactionList/view.js b/src/component/transactionList/view.js
index e119578..360900f 100644
--- a/src/component/transactionList/view.js
+++ b/src/component/transactionList/view.js
@@ -47,7 +47,7 @@ class TransactionList extends React.PureComponent {
     return (
       <View>
         {!transactionList.length && (
-          <Text style={transactionListStyle.noTransactions}>{emptyMessage || 'No transactions to list.'}</Text>
+          <Text style={transactionListStyle.noTransactions}>{emptyMessage || __('No transactions to list.')}</Text>
         )}
 
         {!!transactionList.length && (
diff --git a/src/component/transactionListRecent/view.js b/src/component/transactionListRecent/view.js
index 230ce6b..dffcfce 100644
--- a/src/component/transactionListRecent/view.js
+++ b/src/component/transactionListRecent/view.js
@@ -2,11 +2,11 @@
 import React from 'react';
 // import BusyIndicator from 'component/common/busy-indicator';
 import { Text, View } from 'react-native';
-import Button from '../button';
-import Link from '../link';
-import TransactionList from '../transactionList';
-import type { Transaction } from '../transactionList/view';
-import walletStyle from '../../styles/wallet';
+import Button from 'component/button';
+import Link from 'component/link';
+import TransactionList from 'component/transactionList';
+import type { Transaction } from 'component/transactionList/view';
+import walletStyle from 'styles/wallet';
 
 type Props = {
   fetchTransactions: () => void,
@@ -27,14 +27,14 @@ class TransactionListRecent extends React.PureComponent<Props> {
       <View style={walletStyle.transactionsCard}>
         <View style={[walletStyle.row, walletStyle.transactionsHeader]}>
           <Text style={walletStyle.transactionsTitle}>Recent Transactions</Text>
-          <Link style={walletStyle.link} navigation={navigation} text={'View All'} href={'#TransactionHistory'} />
+          <Link style={walletStyle.link} navigation={navigation} text={__('View All')} href={'#TransactionHistory'} />
         </View>
-        {fetchingTransactions && <Text style={walletStyle.infoText}>Fetching transactions...</Text>}
+        {fetchingTransactions && <Text style={walletStyle.infoText}>{__('Fetching transactions...')}</Text>}
         {!fetchingTransactions && (
           <TransactionList
             navigation={navigation}
             transactions={transactions.slice(0, 5)}
-            emptyMessage={"Looks like you don't have any recent transactions."}
+            emptyMessage={__("Looks like you don't have any recent transactions.")}
           />
         )}
       </View>
diff --git a/src/component/uriBar/view.js b/src/component/uriBar/view.js
index de12496..00426f1 100644
--- a/src/component/uriBar/view.js
+++ b/src/component/uriBar/view.js
@@ -256,7 +256,7 @@ class UriBar extends React.PureComponent {
                 this.setSelection();
               }}
               selectTextOnFocus
-              placeholder={'Search movies, music, and more'}
+              placeholder={__('Search movies, music, and more')}
               underlineColorAndroid={'transparent'}
               numberOfLines={1}
               clearButtonMode={'while-editing'}
diff --git a/src/component/walletAddress/view.js b/src/component/walletAddress/view.js
index c4bb452..f88ee1e 100644
--- a/src/component/walletAddress/view.js
+++ b/src/component/walletAddress/view.js
@@ -27,21 +27,22 @@ class WalletAddress extends React.PureComponent<Props> {
 
     return (
       <View style={walletStyle.card}>
-        <Text style={walletStyle.title}>Receive Credits</Text>
+        <Text style={walletStyle.title}>{__('Receive Credits')}</Text>
         <Text style={[walletStyle.text, walletStyle.bottomMarginMedium]}>
-          Use this wallet address to receive credits sent by another user (or yourself).
+          {__('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={'sync'}
-          text={'Get new address'}
+          text={__('Get new address')}
           onPress={getNewAddress}
           disabled={gettingNewAddress}
         />
         <Text style={walletStyle.smallText}>
-          You can generate a new address at any time, and any previous addresses will continue to work. Using multiple
-          addresses can be helpful for keeping track of incoming payments from multiple sources.
+          {__(
+            'You can generate a new address at any time, and any previous addresses will continue to work. Using multiple addresses can be helpful for keeping track of incoming payments from multiple sources.'
+          )}
         </Text>
       </View>
     );
diff --git a/src/component/walletBalance/view.js b/src/component/walletBalance/view.js
index 9332415..3ef9bf0 100644
--- a/src/component/walletBalance/view.js
+++ b/src/component/walletBalance/view.js
@@ -16,8 +16,8 @@ class WalletBalance extends React.PureComponent<Props> {
     return (
       <View style={walletStyle.balanceCard}>
         <Image style={walletStyle.balanceBackground} resizeMode={'cover'} source={require('../../assets/stripe.png')} />
-        <Text style={walletStyle.balanceTitle}>Balance</Text>
-        <Text style={walletStyle.balanceCaption}>You currently have</Text>
+        <Text style={walletStyle.balanceTitle}>{__('Balance')}</Text>
+        <Text style={walletStyle.balanceCaption}>{__('You currently have')}</Text>
         <Text style={walletStyle.balance}>
           {(balance || balance === 0) && formatCredits(parseFloat(balance), 2) + ' LBC'}
         </Text>
diff --git a/src/component/walletSend/view.js b/src/component/walletSend/view.js
index e06e25b..8656da0 100644
--- a/src/component/walletSend/view.js
+++ b/src/component/walletSend/view.js
@@ -38,24 +38,24 @@ class WalletSend extends React.PureComponent<Props> {
     const { address, amount } = this.state;
     if (address && !regexAddress.test(address)) {
       notify({
-        message: 'The recipient address is not a valid LBRY address.',
+        message: __('The recipient address is not a valid LBRY address.'),
       });
       return;
     }
 
     if (amount > balance) {
       notify({
-        message: 'Insufficient credits',
+        message: __('Insufficient credits'),
       });
       return;
     }
 
     if (amount && address) {
       // Show confirmation before send
-      Alert.alert('Send LBC', `Are you sure you want to send ${amount} LBC to ${address}?`, [
-        { text: 'No' },
+      Alert.alert(__('Send LBC'), `Are you sure you want to send ${amount} LBC to ${address}?`, [
+        { text: __('No') },
         {
-          text: 'Yes',
+          text: __('Yes'),
           onPress: () => {
             sendToAddress(address, parseFloat(amount));
             this.setState({ address: null, amount: null });
@@ -69,7 +69,7 @@ class WalletSend extends React.PureComponent<Props> {
     if (this.state.addressChanged && !this.state.addressValid) {
       const { notify } = this.props;
       notify({
-        message: 'The recipient address is not a valid LBRY address.',
+        message: __('The recipient address is not a valid LBRY address.'),
       });
     }
   };
@@ -87,8 +87,8 @@ class WalletSend extends React.PureComponent<Props> {
 
     return (
       <View style={walletStyle.card}>
-        <Text style={walletStyle.title}>Send Credits</Text>
-        <Text style={walletStyle.text}>Recipient address</Text>
+        <Text style={walletStyle.title}>{__('Send Credits')}</Text>
+        <Text style={walletStyle.text}>{__('Recipient address')}</Text>
         <View style={[walletStyle.row, walletStyle.bottomMarginMedium]}>
           <TextInput
             onChangeText={value =>
@@ -112,7 +112,7 @@ class WalletSend extends React.PureComponent<Props> {
             onPress={() => Clipboard.getString().then(value => this.setState({ address: value, addressChanged: true }))}
           />
         </View>
-        <Text style={walletStyle.text}>Amount</Text>
+        <Text style={walletStyle.text}>{__('Amount')}</Text>
         <View style={walletStyle.row}>
           <View style={walletStyle.amountRow}>
             <TextInput
diff --git a/src/component/walletSignIn/view.js b/src/component/walletSignIn/view.js
index 4dc895d..5e8c983 100644
--- a/src/component/walletSignIn/view.js
+++ b/src/component/walletSignIn/view.js
@@ -34,15 +34,22 @@ class WalletSignIn extends React.Component {
 
         <View style={walletStyle.onboarding}>
           <Text style={walletStyle.onboardingText}>
-            An account with LBRY Inc. allows you to earn rewards, backup your wallet, and keep everything synced..
+            {__(
+              'An account with LBRY Inc. allows you to earn rewards, backup your wallet, and keep everything synced.'
+            )}
             {'\n\n'}
-            Without an account, you assume all responsibility for securing your wallet and LBRY data.{'\n\n'}
+            {__('Without an account, you assume all responsibility for securing your wallet and LBRY data.')}
           </Text>
         </View>
 
         <View style={walletStyle.buttonRow}>
-          <Link style={walletStyle.continueLink} text={'Skip Account'} onPress={this.onContinuePressed} />
-          <Button style={walletStyle.signInButton} theme={'light'} text={'Sign Up'} onPress={this.onSignInPressed} />
+          <Link style={walletStyle.continueLink} text={__('Skip Account')} onPress={this.onContinuePressed} />
+          <Button
+            style={walletStyle.signInButton}
+            theme={'light'}
+            text={__('Sign Up')}
+            onPress={this.onSignInPressed}
+          />
         </View>
       </View>
     );
diff --git a/src/component/walletSyncDriver/view.js b/src/component/walletSyncDriver/view.js
index cade63b..93291d1 100644
--- a/src/component/walletSyncDriver/view.js
+++ b/src/component/walletSyncDriver/view.js
@@ -15,15 +15,15 @@ class WalletSyncDriver extends React.PureComponent<Props> {
       // turning off
       // set deviceWalletSynced to false (if confirmed)
       Alert.alert(
-        'Disable wallet sync',
-        'Are you sure you want to turn off wallet sync?',
+        __('Disable wallet sync'),
+        __('Are you sure you want to turn off wallet sync?'),
         [
-          { text: 'No' },
+          { text: __('No') },
           {
-            text: 'Yes',
+            text: __('Yes'),
             onPress: () => {
               setClientSetting(Constants.SETTING_DEVICE_WALLET_SYNCED, false);
-              notify({ message: 'Wallet sync was successfully disabled.' });
+              notify({ message: __('Wallet sync was successfully disabled.') });
             },
           },
         ],
@@ -37,14 +37,14 @@ class WalletSyncDriver extends React.PureComponent<Props> {
 
     return (
       <View style={walletStyle.syncDriverCard}>
-        <Text style={walletStyle.syncDriverTitle}>Wallet Sync</Text>
+        <Text style={walletStyle.syncDriverTitle}>{__('Wallet Sync')}</Text>
         <View style={walletStyle.switchRow}>
           <View style={walletStyle.tableCol}>
-            <Text style={walletStyle.labelText}>Sync status</Text>
+            <Text style={walletStyle.labelText}>{__('Sync status')}</Text>
           </View>
           <View style={walletStyle.tableColRow}>
             <Text selectable style={walletStyle.valueText}>
-              {deviceWalletSynced ? 'On' : 'Off'}
+              {deviceWalletSynced ? __('On') : __('Off')}
             </Text>
             <Switch
               style={walletStyle.syncSwitch}
@@ -56,11 +56,11 @@ class WalletSyncDriver extends React.PureComponent<Props> {
         {deviceWalletSynced && (
           <View style={walletStyle.tableRow}>
             <View style={walletStyle.tableCol}>
-              <Text style={walletStyle.labelText}>Connected email</Text>
+              <Text style={walletStyle.labelText}>{__('Connected email')}</Text>
             </View>
             <View style={walletStyle.tableCol}>
               <Text selectable style={walletStyle.valueText} numberOfLines={1}>
-                {userEmail || 'No connected email'}
+                {userEmail || __('No connected email')}
               </Text>
             </View>
           </View>
@@ -69,7 +69,7 @@ class WalletSyncDriver extends React.PureComponent<Props> {
         <View style={walletStyle.linkRow}>
           <View style={walletStyle.tableCol}>
             <Link
-              text="Manual backup"
+              text={__('Manual backup')}
               href="https://lbry.com/faq/how-to-backup-wallet#android"
               style={walletStyle.syncDriverLink}
             />
@@ -77,7 +77,7 @@ class WalletSyncDriver extends React.PureComponent<Props> {
           <View style={walletStyle.rightTableCol}>
             {!deviceWalletSynced && (
               <Link
-                text="Sync FAQ"
+                text={__('Sync FAQ')}
                 href="https://lbry.com/faq/how-to-backup-wallet#sync"
                 style={[walletStyle.syncDriverLink, walletStyle.rightLink]}
               />
diff --git a/src/i18n.js b/src/i18n.js
new file mode 100644
index 0000000..638ce92
--- /dev/null
+++ b/src/i18n.js
@@ -0,0 +1,79 @@
+import { NativeModules, Platform } from 'react-native';
+import { SETTINGS } from 'lbry-redux';
+import { doTransifexUpload } from 'lbryinc';
+import AsyncStorage from '@react-native-community/async-storage';
+import RNFS from 'react-native-fs';
+
+const isProduction = !__DEV__; // eslint-disable-line no-undef
+let knownMessages = null;
+
+window.language = NativeModules.UtilityModule.language;
+window.i18n_messages = window.i18n_messages || {};
+
+function saveMessage(message) {
+  // file path that won't get wiped if app storage is cleared or the app is uninstalled
+  const messagesFilePath = RNFS.ExternalStorageDirectoryPath + '/lbry-app-strings.json';
+
+  if (knownMessages === null) {
+    RNFS.readFile(messagesFilePath, 'utf8')
+      .then(fileContents => {
+        knownMessages = JSON.parse(fileContents);
+        checkMessageAndSave(message, messagesFilePath);
+      })
+      .catch(err => {
+        knownMessages = {}; // no known messages, initialise the object
+        checkMessageAndSave(message, messagesFilePath);
+      });
+  } else {
+    checkMessageAndSave(message, messagesFilePath);
+  }
+}
+
+function checkMessageAndSave(message, messagesFilePath) {
+  if (!knownMessages[message]) {
+    knownMessages[message] = message;
+    const contents = JSON.stringify(knownMessages, null, 2);
+
+    RNFS.writeFile(messagesFilePath, contents, 'utf8')
+      .then(() => {
+        // successful write
+        // send to transifex (should we do this even if the file doesn't get saved?)
+        // TODO: load token from .env
+        /* doTransifexUpload(
+          contents,
+          'lbry-mobile',
+          '*token*',
+          () => {
+            // successful
+          },
+          err => {
+            // failed
+          }
+        ); */
+      })
+      .catch(err => {
+        if (err) {
+          throw err;
+        }
+      });
+  }
+}
+
+export function __(message, tokens) {
+  const w = global.window ? global.window : window;
+  let language = w.language ? w.language : 'en';
+
+  if (!isProduction) {
+    saveMessage(message);
+  }
+
+  const translatedMessage = w.i18n_messages[language] ? w.i18n_messages[language][message] || message : message;
+
+  if (!tokens) {
+    return translatedMessage;
+  }
+
+  return translatedMessage.replace(/%([^%]+)%/g, function($1, $2) {
+    return tokens[$2] || $2;
+  });
+}
diff --git a/src/index.js b/src/index.js
index 7588c20..602c31d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -40,6 +40,7 @@ import AppWithNavigationState, {
   reactNavigationMiddleware,
 } from 'component/AppNavigator';
 import { REHYDRATE, PURGE, persistCombineReducers, persistStore } from 'redux-persist';
+import { __ } from 'i18n';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import getStoredStateMigrateV4 from 'redux-persist/lib/integration/getStoredStateMigrateV4';
 import FilesystemStorage from 'redux-persist-filesystem-storage';
@@ -51,6 +52,8 @@ import drawerReducer from 'redux/reducers/drawer';
 import settingsReducer from 'redux/reducers/settings';
 import thunk from 'redux-thunk';
 
+window.__ = __;
+
 const globalExceptionHandler = (error, isFatal) => {
   if (error && NativeModules.Firebase) {
     NativeModules.Firebase.logException(isFatal, error.message ? error.message : 'No message', JSON.stringify(error));
@@ -201,9 +204,6 @@ const persistor = persistStore(store, persistOptions, err => {
 });
 window.persistor = persistor;
 
-// TODO: Find i18n module that is compatible with react-native
-global.__ = str => str;
-
 class LBRYApp extends React.Component {
   render() {
     return (
diff --git a/src/page/about/view.js b/src/page/about/view.js
index e4c256d..14f4574 100644
--- a/src/page/about/view.js
+++ b/src/page/about/view.js
@@ -67,7 +67,7 @@ class AboutPage extends React.PureComponent {
 
   render() {
     const { accessToken, drawerStack, navigation, notify, popDrawerStack, userEmail } = this.props;
-    const loading = 'Loading...';
+    const loading = __('Loading...');
     const ver = this.state.versionInfo ? this.state.versionInfo : null;
 
     return (
@@ -76,20 +76,20 @@ class AboutPage extends React.PureComponent {
         <ScrollView style={aboutStyle.scrollContainer}>
           <Text style={aboutStyle.title}>Content Freedom</Text>
           <Text style={aboutStyle.paragraph}>
-            LBRY is a free, open, and community-run digital marketplace. It is a decentralized peer-to-peer content
-            distribution platform for creators to upload and share content, and earn LBRY credits for their effort.
-            Users will be able to find a wide selection of videos, music, ebooks and other digital content they are
-            interested in.
+            {__(
+              'LBRY is a free, open, and community-run digital marketplace. It is a decentralized peer-to-peer content distribution platform for creators to upload and share content, and earn LBRY credits for their effort. Users will be able to find a wide selection of videos, music, ebooks and other digital content they are interested in.'
+            )}
           </Text>
           <View style={aboutStyle.links}>
-            <Link style={aboutStyle.link} href="https://lbry.com/faq/what-is-lbry" text="What is LBRY?" />
-            <Link style={aboutStyle.link} href="https://lbry.com/faq/android-basics" text="Android App Basics" />
-            <Link style={aboutStyle.link} href="https://lbry.com/faq" text="Frequently Asked Questions" />
+            <Link style={aboutStyle.link} href="https://lbry.com/faq/what-is-lbry" text={__('What is LBRY?')} />
+            <Link style={aboutStyle.link} href="https://lbry.com/faq/android-basics" text={__('Android App Basics')} />
+            <Link style={aboutStyle.link} href="https://lbry.com/faq" text={__('Frequently Asked Questions')} />
           </View>
           <Text style={aboutStyle.socialTitle}>Get Social</Text>
           <Text style={aboutStyle.paragraph}>
-            You can interact with the LBRY team and members of the community on Discord, Facebook, Instagram, Twitter or
-            Reddit.
+            {__(
+              'You can interact with the LBRY team and members of the community on Discord, Facebook, Instagram, Twitter or Reddit.'
+            )}
           </Text>
           <View style={aboutStyle.links}>
             <Link style={aboutStyle.link} href="https://discordapp.com/invite/Z3bERWA" text="Discord" />
@@ -99,12 +99,12 @@ class AboutPage extends React.PureComponent {
             <Link style={aboutStyle.link} href="https://reddit.com/r/lbry" text="Reddit" />
             <Link style={aboutStyle.link} href="https://t.me/lbryofficial" text="Telegram" />
           </View>
-          <Text style={aboutStyle.releaseInfoTitle}>App info</Text>
+          <Text style={aboutStyle.releaseInfoTitle}>{__('App info')}</Text>
           {userEmail && userEmail.trim().length > 0 && (
             <View style={aboutStyle.verticalRow}>
               <View style={aboutStyle.innerRow}>
                 <View style={aboutStyle.col}>
-                  <Text style={aboutStyle.text}>Connected email</Text>
+                  <Text style={aboutStyle.text}>{__('Connected email')}</Text>
                 </View>
                 <View style={aboutStyle.col}>
                   <Text selectable style={aboutStyle.valueText}>
@@ -116,7 +116,7 @@ class AboutPage extends React.PureComponent {
                 <Link
                   style={aboutStyle.listLink}
                   href={`http://lbry.com/list/edit/${accessToken}`}
-                  text="Update mailing preferences"
+                  text={__('Update mailing preferences')}
                 />
               </View>
             </View>
@@ -124,7 +124,7 @@ class AboutPage extends React.PureComponent {
 
           <View style={aboutStyle.row}>
             <View style={aboutStyle.col}>
-              <Text style={aboutStyle.text}>App version</Text>
+              <Text style={aboutStyle.text}>{__('App version')}</Text>
             </View>
             <View style={aboutStyle.col}>
               <Text selectable style={aboutStyle.valueText}>
@@ -135,7 +135,7 @@ class AboutPage extends React.PureComponent {
 
           <View style={aboutStyle.row}>
             <View style={aboutStyle.col}>
-              <Text style={aboutStyle.text}>LBRY SDK</Text>
+              <Text style={aboutStyle.text}>{__('LBRY SDK')}</Text>
             </View>
             <View style={aboutStyle.col}>
               <Text selectable style={aboutStyle.valueText}>
@@ -146,7 +146,7 @@ class AboutPage extends React.PureComponent {
 
           <View style={aboutStyle.row}>
             <View style={aboutStyle.col}>
-              <Text style={aboutStyle.text}>Platform</Text>
+              <Text style={aboutStyle.text}>{__('Platform')}</Text>
             </View>
             <View style={aboutStyle.col}>
               <Text selectable style={aboutStyle.valueText}>
@@ -157,7 +157,7 @@ class AboutPage extends React.PureComponent {
 
           <View style={aboutStyle.row}>
             <View style={aboutStyle.col}>
-              <Text style={aboutStyle.text}>Installation ID</Text>
+              <Text style={aboutStyle.text}>{__('Installation ID')}</Text>
               <Text selectable style={aboutStyle.lineValueText}>
                 {this.state.lbryId ? this.state.lbryId : loading}
               </Text>
@@ -166,12 +166,12 @@ class AboutPage extends React.PureComponent {
 
           <View style={aboutStyle.row}>
             <View style={aboutStyle.col}>
-              <Text style={aboutStyle.text}>Logs</Text>
+              <Text style={aboutStyle.text}>{__('Logs')}</Text>
             </View>
             <View style={aboutStyle.col}>
               <Link
                 style={aboutStyle.listLink}
-                text="Send log"
+                text={__('Send log')}
                 onPress={() => {
                   if (NativeModules.UtilityModule) {
                     NativeModules.UtilityModule.shareLogFile(error => {
diff --git a/src/page/channel/view.js b/src/page/channel/view.js
index 38ee637..48123cb 100644
--- a/src/page/channel/view.js
+++ b/src/page/channel/view.js
@@ -74,12 +74,12 @@ class ChannelPage extends React.PureComponent {
         <View style={discoverStyle.pickerRow}>
           <View style={discoverStyle.leftPickerRow}>
             <TouchableOpacity style={discoverStyle.tagSortBy} onPress={() => this.setState({ showSortPicker: true })}>
-              <Text style={discoverStyle.tagSortText}>{sortByItem.label.split(' ')[0]}</Text>
+              <Text style={discoverStyle.tagSortText}>{__(sortByItem.label.split(' ')[0])}</Text>
               <Icon style={discoverStyle.tagSortIcon} name={'sort-down'} size={14} />
             </TouchableOpacity>
             {Constants.SORT_BY_TOP === sortByItem.name && (
               <TouchableOpacity style={discoverStyle.tagTime} onPress={() => this.setState({ showTimePicker: true })}>
-                <Text style={discoverStyle.tagSortText}>{timeItem.label}</Text>
+                <Text style={discoverStyle.tagSortText}>{__(timeItem.label)}</Text>
                 <Icon style={discoverStyle.tagSortIcon} name={'sort-down'} size={14} />
               </TouchableOpacity>
             )}
@@ -122,7 +122,7 @@ class ChannelPage extends React.PureComponent {
       return (
         <View style={channelPageStyle.aboutTab}>
           <View style={channelPageStyle.busyContainer}>
-            <Text style={channelPageStyle.infoText}>No information to display.</Text>
+            <Text style={channelPageStyle.infoText}>{__('No information to display.')}</Text>
           </View>
         </View>
       );
@@ -132,21 +132,21 @@ class ChannelPage extends React.PureComponent {
     return (
       <View style={channelPageStyle.aboutTab}>
         {!websiteUrl && !email && !description && (
-          <EmptyStateView message={"There's nothing here yet.\nPlease check back later."} />
+          <EmptyStateView message={__("There's nothing here yet.\nPlease check back later.")} />
         )}
 
         {(websiteUrl || email || description) && (
           <ScrollView style={channelPageStyle.aboutScroll} contentContainerStyle={channelPageStyle.aboutScrollContent}>
             {websiteUrl && websiteUrl.trim().length > 0 && (
               <View style={channelPageStyle.aboutItem}>
-                <Text style={channelPageStyle.aboutTitle}>Website</Text>
+                <Text style={channelPageStyle.aboutTitle}>{__('Website')}</Text>
                 <Link style={channelPageStyle.aboutText} text={websiteUrl} href={websiteUrl} />
               </View>
             )}
 
             {email && email.trim().length > 0 && (
               <View style={channelPageStyle.aboutItem}>
-                <Text style={channelPageStyle.aboutTitle}>Email</Text>
+                <Text style={channelPageStyle.aboutTitle}>{__('Email')}</Text>
                 <Link style={channelPageStyle.aboutText} text={email} href={`mailto:${email}`} />
               </View>
             )}
diff --git a/src/page/channelCreator/view.js b/src/page/channelCreator/view.js
index 63e2b74..abe7c06 100644
--- a/src/page/channelCreator/view.js
+++ b/src/page/channelCreator/view.js
@@ -793,8 +793,8 @@ export default class ChannelCreator extends React.PureComponent {
 
         {currentPhase === Constants.PHASE_LIST && !fetchingChannels && !hasChannels && (
           <EmptyStateView
-            message={'You have not created a channel.\nStart now by creating a new channel!'}
-            buttonText={'Create a channel'}
+            message={__('You have not created a channel.\nStart now by creating a new channel!')}
+            buttonText={__('Create a channel')}
             onButtonPress={this.handleNewChannelPress}
           />
         )}
@@ -807,7 +807,7 @@ export default class ChannelCreator extends React.PureComponent {
                 <View style={channelCreatorStyle.listFooter}>
                   <Button
                     style={channelCreatorStyle.createChannelButton}
-                    text={'Create a channel'}
+                    text={__('Create a channel')}
                     onPress={this.handleNewChannelPress}
                   />
                 </View>
@@ -879,7 +879,7 @@ export default class ChannelCreator extends React.PureComponent {
                 {this.state.uploadingImage && (
                   <View style={channelCreatorStyle.uploadProgress}>
                     <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />
-                    <Text style={channelCreatorStyle.uploadText}>Uploading image...</Text>
+                    <Text style={channelCreatorStyle.uploadText}>{__('Uploading image...')}</Text>
                   </View>
                 )}
               </TouchableOpacity>
@@ -911,14 +911,14 @@ export default class ChannelCreator extends React.PureComponent {
               <View style={channelCreatorStyle.textInputLayout}>
                 {(this.state.titleFocused ||
                   (this.state.newChannelTitle != null && this.state.newChannelTitle.trim().length > 0)) && (
-                  <Text style={channelCreatorStyle.textInputTitle}>Title</Text>
+                  <Text style={channelCreatorStyle.textInputTitle}>{__('Title')}</Text>
                 )}
                 <TextInput
                   editable={canSave && !creatingChannel && !updatingChannel}
                   style={channelCreatorStyle.inputText}
                   value={this.state.newChannelTitle}
                   onChangeText={this.handleNewChannelTitleChange}
-                  placeholder={this.state.titleFocused ? '' : 'Title'}
+                  placeholder={this.state.titleFocused ? '' : __('Title')}
                   underlineColorAndroid={Colors.NextLbryGreen}
                   onFocus={() => this.setState({ titleFocused: true })}
                   onBlur={() => this.setState({ titleFocused: false })}
@@ -928,7 +928,7 @@ export default class ChannelCreator extends React.PureComponent {
               <View style={channelCreatorStyle.channelInputLayout}>
                 {(this.state.channelNameFocused ||
                   (this.state.newChannelName != null && this.state.newChannelName.trim().length > 0)) && (
-                  <Text style={channelCreatorStyle.textInputTitle}>Channel</Text>
+                  <Text style={channelCreatorStyle.textInputTitle}>{__('Channel')}</Text>
                 )}
                 <View>
                   <Text style={channelCreatorStyle.channelAt}>@</Text>
@@ -937,7 +937,7 @@ export default class ChannelCreator extends React.PureComponent {
                     style={channelCreatorStyle.channelNameInput}
                     value={this.state.newChannelName}
                     onChangeText={value => this.handleNewChannelNameChange(value, true)}
-                    placeholder={this.state.channelNameFocused ? '' : 'Channel'}
+                    placeholder={this.state.channelNameFocused ? '' : __('Channel')}
                     underlineColorAndroid={Colors.NextLbryGreen}
                     onFocus={() => this.setState({ channelNameFocused: true })}
                     onBlur={() => this.setState({ channelNameFocused: false })}
@@ -948,11 +948,13 @@ export default class ChannelCreator extends React.PureComponent {
                 <Text style={channelCreatorStyle.inlineError}>{newChannelNameError}</Text>
               )}
               {editMode && (
-                <Text style={channelCreatorStyle.helpText}>The channel name cannot be changed while editing.</Text>
+                <Text style={channelCreatorStyle.helpText}>
+                  {__('The channel name cannot be changed while editing.')}
+                </Text>
               )}
 
               <View style={channelCreatorStyle.bidRow}>
-                <Text style={channelCreatorStyle.label}>Deposit</Text>
+                <Text style={channelCreatorStyle.label}>{__('Deposit')}</Text>
                 <TextInput
                   editable={canSave && !creatingChannel && !updatingChannel}
                   style={channelCreatorStyle.bidAmountInput}
@@ -965,7 +967,7 @@ export default class ChannelCreator extends React.PureComponent {
                 <Text style={channelCreatorStyle.currency}>LBC</Text>
               </View>
               <Text style={channelCreatorStyle.helpText}>
-                This LBC remains yours. It is a deposit to reserve the name and can be undone at any time.
+                {__('This LBC remains yours. It is a deposit to reserve the name and can be undone at any time.')}
               </Text>
             </View>
 
@@ -974,7 +976,7 @@ export default class ChannelCreator extends React.PureComponent {
                 <View style={channelCreatorStyle.textInputLayout}>
                   {(this.state.descriptionFocused ||
                     (this.state.description != null && this.state.description.trim().length > 0)) && (
-                    <Text style={channelCreatorStyle.textInputTitle}>Description</Text>
+                    <Text style={channelCreatorStyle.textInputTitle}>{__('Description')}</Text>
                   )}
                   <TextInput
                     editable={canSave && !creatingChannel && !updatingChannel}
@@ -982,7 +984,7 @@ export default class ChannelCreator extends React.PureComponent {
                     multiline
                     value={this.state.description}
                     onChangeText={this.handleDescriptionChange}
-                    placeholder={this.state.descriptionFocused ? '' : 'Description'}
+                    placeholder={this.state.descriptionFocused ? '' : __('Description')}
                     underlineColorAndroid={Colors.NextLbryGreen}
                     onFocus={() => this.setState({ descriptionFocused: true })}
                     onBlur={() => this.setState({ descriptionFocused: false })}
@@ -992,14 +994,14 @@ export default class ChannelCreator extends React.PureComponent {
                 <View style={channelCreatorStyle.textInputLayout}>
                   {(this.state.websiteFocused ||
                     (this.state.website != null && this.state.website.trim().length > 0)) && (
-                    <Text style={channelCreatorStyle.textInputTitle}>Website</Text>
+                    <Text style={channelCreatorStyle.textInputTitle}>{__('Website')}</Text>
                   )}
                   <TextInput
                     editable={canSave && !creatingChannel && !updatingChannel}
                     style={channelCreatorStyle.inputText}
                     value={this.state.website}
                     onChangeText={this.handleWebsiteChange}
-                    placeholder={this.state.websiteFocused ? '' : 'Website'}
+                    placeholder={this.state.websiteFocused ? '' : __('Website')}
                     underlineColorAndroid={Colors.NextLbryGreen}
                     onFocus={() => this.setState({ websiteFocused: true })}
                     onBlur={() => this.setState({ websiteFocused: false })}
@@ -1008,14 +1010,14 @@ export default class ChannelCreator extends React.PureComponent {
 
                 <View style={channelCreatorStyle.textInputLayout}>
                   {(this.state.emailFocused || (this.state.email != null && this.state.email.trim().length > 0)) && (
-                    <Text style={channelCreatorStyle.textInputTitle}>Email</Text>
+                    <Text style={channelCreatorStyle.textInputTitle}>{__('Email')}</Text>
                   )}
                   <TextInput
                     editable={canSave && !creatingChannel && !updatingChannel}
                     style={channelCreatorStyle.inputText}
                     value={this.state.email}
                     onChangeText={this.handleEmailChange}
-                    placeholder={this.state.emailFocused ? '' : 'Email'}
+                    placeholder={this.state.emailFocused ? '' : __('Email')}
                     underlineColorAndroid={Colors.NextLbryGreen}
                     onFocus={() => this.setState({ emailFocused: true })}
                     onBlur={() => this.setState({ emailFocused: false })}
@@ -1026,7 +1028,7 @@ export default class ChannelCreator extends React.PureComponent {
 
             {this.state.showOptionalFields && (
               <View style={channelCreatorStyle.card}>
-                <Text style={channelCreatorStyle.cardTitle}>Tags</Text>
+                <Text style={channelCreatorStyle.cardTitle}>{__('Tags')}</Text>
                 <View style={channelCreatorStyle.tagList}>
                   {this.state.tags &&
                     this.state.tags.map(tag => (
@@ -1050,7 +1052,7 @@ export default class ChannelCreator extends React.PureComponent {
 
             <View style={channelCreatorStyle.toggleContainer}>
               <Link
-                text={this.state.showOptionalFields ? 'Hide optional fields' : 'Show optional fields'}
+                text={this.state.showOptionalFields ? __('Hide optional fields') : __('Show optional fields')}
                 onPress={this.handleModePressed}
                 style={channelCreatorStyle.modeLink}
               />
@@ -1062,11 +1064,11 @@ export default class ChannelCreator extends React.PureComponent {
               )}
               {!creatingChannel && !updatingChannel && (
                 <View style={channelCreatorStyle.buttons}>
-                  <Link style={channelCreatorStyle.cancelLink} text="Cancel" onPress={this.handleCreateCancel} />
+                  <Link style={channelCreatorStyle.cancelLink} text={__('Cancel')} onPress={this.handleCreateCancel} />
                   <Button
                     style={channelCreatorStyle.createButton}
                     disabled={!canSave || uploadingImage}
-                    text={editMode ? 'Update' : 'Create'}
+                    text={editMode ? __('Update') : __('Create')}
                     onPress={this.handleCreateChannelClick}
                   />
                 </View>
diff --git a/src/page/discover/view.js b/src/page/discover/view.js
index 96394be..683deb2 100644
--- a/src/page/discover/view.js
+++ b/src/page/discover/view.js
@@ -11,10 +11,9 @@ import {
   View,
 } from 'react-native';
 import { DEFAULT_FOLLOWED_TAGS, Lbry, normalizeURI, parseURI } from 'lbry-redux';
-import { __, formatTagTitle, getOrderBy } from 'utils/helper';
+import { formatTagTitle, getOrderBy } from 'utils/helper';
 import AsyncStorage from '@react-native-community/async-storage';
 import moment from 'moment';
-import CategoryList from 'component/categoryList';
 import ClaimList from 'component/claimList';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import Colors from 'styles/colors';
@@ -176,16 +175,18 @@ class DiscoverPage extends React.PureComponent {
         if (!isNaN(lastShownTime) && !isNaN(lastShownCount)) {
           if (now > lastShownTime + Constants.RATING_REMINDER_INTERVAL * lastShownCount) {
             Alert.alert(
-              'Enjoying LBRY?',
-              'Are you enjoying your experience with the LBRY app? You can leave a review for us on the Play Store.',
+              __('Enjoying LBRY?'),
+              __(
+                'Are you enjoying your experience with the LBRY app? You can leave a review for us on the Play Store.'
+              ),
               [
                 {
-                  text: 'Never ask again',
+                  text: __('Never ask again'),
                   onPress: () => setClientSetting(Constants.SETTING_RATING_REMINDER_DISABLED, 'true'),
                 },
-                { text: 'Maybe later', onPress: () => this.updateRatingReminderShown(lastShownCount) },
+                { text: __('Maybe later'), onPress: () => this.updateRatingReminderShown(lastShownCount) },
                 {
-                  text: 'Rate app',
+                  text: __('Rate app'),
                   onPress: () => {
                     setClientSetting(Constants.SETTING_RATING_REMINDER_DISABLED, 'true');
                     Linking.openURL(Constants.PLAY_STORE_URL);
@@ -212,7 +213,7 @@ class DiscoverPage extends React.PureComponent {
 
   buildSections = () => {
     return this.state.tagCollection.map(tags => ({
-      title: tags.length === 1 ? tags[0] : 'All tags you follow',
+      title: tags.length === 1 ? tags[0] : __('All tags you follow'),
       data: [tags],
     }));
   };
@@ -236,7 +237,7 @@ class DiscoverPage extends React.PureComponent {
 
   handleTagPress = name => {
     const { navigation, sortByItem } = this.props;
-    if (name.toLowerCase() !== 'all tags you follow') {
+    if (name.toLowerCase() !== __('all tags you follow')) {
       navigation.navigate({
         routeName: Constants.DRAWER_ROUTE_TAG,
         key: `tagPage`,
@@ -255,18 +256,18 @@ class DiscoverPage extends React.PureComponent {
     return (
       <View style={discoverStyle.listHeader}>
         <View style={discoverStyle.titleRow}>
-          <Text style={discoverStyle.pageTitle}>Your tags</Text>
+          <Text style={discoverStyle.pageTitle}>{__('Your Tags')}</Text>
         </View>
         <View style={discoverStyle.pickerRow}>
           <View style={discoverStyle.leftPickerRow}>
             <TouchableOpacity style={discoverStyle.tagSortBy} onPress={() => this.setState({ showSortPicker: true })}>
-              <Text style={discoverStyle.tagSortText}>{sortByItem.label.split(' ')[0]}</Text>
+              <Text style={discoverStyle.tagSortText}>{__(sortByItem.label.split(' ')[0])}</Text>
               <Icon style={discoverStyle.tagSortIcon} name={'sort-down'} size={14} />
             </TouchableOpacity>
 
             {Constants.SORT_BY_TOP === sortByItem.name && (
               <TouchableOpacity style={discoverStyle.tagTime} onPress={() => this.setState({ showTimePicker: true })}>
-                <Text style={discoverStyle.tagSortText}>{timeItem.label}</Text>
+                <Text style={discoverStyle.tagSortText}>{__(timeItem.label)}</Text>
                 <Icon style={discoverStyle.tagSortIcon} name={'sort-down'} size={14} />
               </TouchableOpacity>
             )}
@@ -274,7 +275,7 @@ class DiscoverPage extends React.PureComponent {
 
           <Link
             style={discoverStyle.customizeLink}
-            text={'Customize'}
+            text={__('Customize')}
             onPress={() => this.setState({ showModalTagSelector: true })}
           />
         </View>
@@ -290,7 +291,7 @@ class DiscoverPage extends React.PureComponent {
 
     return (
       <View style={discoverStyle.footer}>
-        <Text style={discoverStyle.footerTitle}>More tags you follow</Text>
+        <Text style={discoverStyle.footerTitle}>{__('More tags you follow')}</Text>
         <View style={discoverStyle.footerTags}>
           {remainingTags.map(tag => (
             <Text
diff --git a/src/page/downloads/view.js b/src/page/downloads/view.js
index aa349d6..d9b068b 100644
--- a/src/page/downloads/view.js
+++ b/src/page/downloads/view.js
@@ -11,7 +11,7 @@ import {
   View,
   ScrollView,
 } from 'react-native';
-import { __, navigateToUri, uriFromFileInfo } from 'utils/helper';
+import { navigateToUri, uriFromFileInfo } from 'utils/helper';
 import Colors from 'styles/colors';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import PageHeader from 'component/pageHeader';
@@ -156,7 +156,7 @@ class DownloadsPage extends React.PureComponent {
         />
 
         {!fetching && !hasDownloads && (
-          <EmptyStateView message={'You do not have any\ndownloaded content on this device.'} />
+          <EmptyStateView message={__('You do not have any\ndownloaded content on this device.')} />
         )}
 
         <View style={downloadsStyle.subContainer}>
diff --git a/src/page/file/view.js b/src/page/file/view.js
index a17f4a0..ca60296 100644
--- a/src/page/file/view.js
+++ b/src/page/file/view.js
@@ -658,7 +658,7 @@ class FilePage extends React.PureComponent {
           {isResolvingUri && (
             <View style={filePageStyle.busyContainer}>
               <ActivityIndicator size="large" color={Colors.NextLbryGreen} />
-              <Text style={filePageStyle.infoText}>Loading decentralized data...</Text>
+              <Text style={filePageStyle.infoText}>{__('Loading decentralized data...')}</Text>
             </View>
           )}
           {claim === null && !isResolvingUri && (
@@ -667,15 +667,15 @@ class FilePage extends React.PureComponent {
                 <EmptyStateView
                   message={
                     isChannel
-                      ? 'It looks like you just created this channel. It will appear in a few minutes.'
-                      : 'It looks you just published this content. It will appear in a few minutes.'
+                      ? __('It looks like you just created this channel. It will appear in a few minutes.')
+                      : __('It looks you just published this content. It will appear in a few minutes.')
                   }
                 />
               )}
               {!ownedClaim && (
                 <EmptyStateView
-                  message={"There's nothing at this location."}
-                  buttonText={'Publish something here'}
+                  message={__("There's nothing at this location.")}
+                  buttonText={__('Publish something here')}
                   onButtonPress={() =>
                     navigation.navigate({
                       routeName: Constants.DRAWER_ROUTE_PUBLISH,
@@ -713,10 +713,11 @@ class FilePage extends React.PureComponent {
           <View style={filePageStyle.pageContainer}>
             <View style={filePageStyle.dmcaContainer}>
               <Text style={filePageStyle.dmcaText}>
-                In response to a complaint we received under the US Digital Millennium Copyright Act, we have blocked
-                access to this content from our applications.
+                {__(
+                  'In response to a complaint we received under the US Digital Millennium Copyright Act, we have blocked access to this content from our applications.'
+                )}
               </Text>
-              <Link style={filePageStyle.dmcaLink} href="https://lbry.com/faq/dmca" text="Read More" />
+              <Link style={filePageStyle.dmcaLink} href="https://lbry.com/faq/dmca" text={__('Read More')} />
             </View>
             <UriBar value={uri} navigation={navigation} />
           </View>
@@ -859,7 +860,7 @@ class FilePage extends React.PureComponent {
                       source={require('../../assets/gerbil-happy.png')}
                     />
                     <View style={filePageStyle.unspportedContentTextContainer}>
-                      <Text style={filePageStyle.unsupportedContentTitle}>Unsupported Content</Text>
+                      <Text style={filePageStyle.unsupportedContentTitle}>{__('Unsupported Content')}</Text>
                       <Text style={filePageStyle.unsupportedContentText}>
                         Sorry, we are unable to display this content in the app. You can find the file named{' '}
                         <Text style={filePageStyle.unsupportedContentFilename}>{fileInfo.file_name}</Text> in your
@@ -946,7 +947,7 @@ class FilePage extends React.PureComponent {
                           style={[filePageStyle.actionButton, filePageStyle.editButton]}
                           theme={'light'}
                           icon={'edit'}
-                          text={'Edit'}
+                          text={__('Edit')}
                           onPress={this.onEditPressed}
                         />
                       )}
@@ -956,7 +957,7 @@ class FilePage extends React.PureComponent {
                           style={filePageStyle.actionButton}
                           theme={'light'}
                           icon={'trash-alt'}
-                          text={'Delete'}
+                          text={__('Delete')}
                           onPress={this.onDeletePressed}
                         />
                       )}
@@ -969,7 +970,7 @@ class FilePage extends React.PureComponent {
                           style={filePageStyle.actionButton}
                           icon={'stop'}
                           theme={'light'}
-                          text={'Stop Download'}
+                          text={__('Stop Download')}
                           onPress={this.onStopDownloadPressed}
                         />
                       )}
@@ -1003,7 +1004,7 @@ class FilePage extends React.PureComponent {
                 <View style={filePageStyle.largeButtonsRow}>
                   <TouchableOpacity style={filePageStyle.largeButton} onPress={this.handleSharePress}>
                     <Icon name={'share-alt'} size={20} style={filePageStyle.largeButtonIcon} />
-                    <Text style={filePageStyle.largeButtonText}>Share</Text>
+                    <Text style={filePageStyle.largeButtonText}>{__('Share')}</Text>
                   </TouchableOpacity>
 
                   <TouchableOpacity
@@ -1011,7 +1012,7 @@ class FilePage extends React.PureComponent {
                     onPress={() => this.setState({ showTipView: true })}
                   >
                     <Icon name={'gift'} size={20} style={filePageStyle.largeButtonIcon} />
-                    <Text style={filePageStyle.largeButtonText}>Tip</Text>
+                    <Text style={filePageStyle.largeButtonText}>{__('Tip')}</Text>
                   </TouchableOpacity>
 
                   <TouchableOpacity
@@ -1019,7 +1020,7 @@ class FilePage extends React.PureComponent {
                     onPress={() => Linking.openURL(`https://lbry.com/dmca/${claim.claim_id}`)}
                   >
                     <Icon name={'flag'} size={20} style={filePageStyle.largeButtonIcon} />
-                    <Text style={filePageStyle.largeButtonText}>Report</Text>
+                    <Text style={filePageStyle.largeButtonText}>{__('Report')}</Text>
                   </TouchableOpacity>
                 </View>
 
@@ -1045,7 +1046,7 @@ class FilePage extends React.PureComponent {
                     )}
                     {!channelName && (
                       <Text style={filePageStyle.anonChannelName} selectable ellipsizeMode={'tail'}>
-                        Anonymous
+                        {__('Anonymous')}
                       </Text>
                     )}
                     <DateTime
@@ -1104,11 +1105,11 @@ class FilePage extends React.PureComponent {
                       {this.state.sendTipStarted && <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />}
                       <Link
                         style={[filePageStyle.link, filePageStyle.cancelTipLink]}
-                        text={'Cancel'}
+                        text={__('Cancel')}
                         onPress={() => this.setState({ showTipView: false })}
                       />
                       <Button
-                        text={'Send a tip'}
+                        text={__('Send a tip')}
                         style={[filePageStyle.button, filePageStyle.sendButton]}
                         disabled={!canSendTip || this.state.sendTipStarted}
                         onPress={this.handleSendTip}
diff --git a/src/page/firstRun/index.js b/src/page/firstRun/index.js
index e3ff6ac..819b68e 100644
--- a/src/page/firstRun/index.js
+++ b/src/page/firstRun/index.js
@@ -1,5 +1,5 @@
 import { connect } from 'react-redux';
-import { doToast } from 'lbry-redux';
+import { SETTINGS, doToast } from 'lbry-redux';
 import {
   doAuthenticate,
   doCheckSync,
@@ -21,6 +21,7 @@ import {
   selectUser,
 } from 'lbryinc';
 import { doSetClientSetting } from 'redux/actions/settings';
+import { makeSelectClientSetting } from 'redux/selectors/settings';
 import FirstRun from './view';
 
 const select = state => ({
@@ -31,6 +32,7 @@ const select = state => ({
   emailNewPending: selectEmailNewIsPending(state),
   hasSyncedWallet: selectHasSyncedWallet(state),
   getSyncIsPending: selectGetSyncIsPending(state),
+  language: makeSelectClientSetting(SETTINGS.LANGUAGE)(state),
   syncApplyErrorMessage: selectSyncApplyErrorMessage(state),
   syncApplyIsPending: selectSyncApplyIsPending(state),
   syncHash: selectSyncHash(state),
diff --git a/src/page/firstRun/internal/email-collect-page.js b/src/page/firstRun/internal/email-collect-page.js
index 04bb651..1c870ba 100644
--- a/src/page/firstRun/internal/email-collect-page.js
+++ b/src/page/firstRun/internal/email-collect-page.js
@@ -3,7 +3,7 @@ import { Lbry } from 'lbry-redux';
 import { NativeModules, Platform, Text, TextInput, View } from 'react-native';
 import AsyncStorage from '@react-native-community/async-storage';
 import Colors from 'styles/colors';
-import Constants from 'constants';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import firstRunStyle from 'styles/firstRun';
 
 class EmailCollectPage extends React.PureComponent {
@@ -44,7 +44,7 @@ class EmailCollectPage extends React.PureComponent {
 
     const content = (
       <View onLayout={() => onEmailViewLayout('collect')}>
-        <Text style={firstRunStyle.title}>Setup account</Text>
+        <Text style={firstRunStyle.title}>{__('Setup account')}</Text>
         <TextInput
           style={firstRunStyle.emailInput}
           placeholder={this.state.placeholder}
@@ -64,10 +64,10 @@ class EmailCollectPage extends React.PureComponent {
           }}
         />
         <Text style={firstRunStyle.paragraph}>
-          An account will allow you to earn rewards and keep your account and settings synced.
+          {__('An account will allow you to earn rewards and keep your account and settings synced.')}
         </Text>
         <Text style={firstRunStyle.infoParagraph}>
-          This information is disclosed only to LBRY, Inc. and not to the LBRY network.
+          {__('This information is disclosed only to LBRY, Inc. and not to the LBRY network.')}
         </Text>
       </View>
     );
diff --git a/src/page/firstRun/internal/email-verify-page.js b/src/page/firstRun/internal/email-verify-page.js
index 64f24ca..c4f2575 100644
--- a/src/page/firstRun/internal/email-verify-page.js
+++ b/src/page/firstRun/internal/email-verify-page.js
@@ -4,7 +4,7 @@ import { ActivityIndicator, Linking, NativeModules, Platform, Switch, Text, Text
 import AsyncStorage from '@react-native-community/async-storage';
 import Button from 'component/button';
 import Colors from 'styles/colors';
-import Constants from 'constants';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import Icon from 'react-native-vector-icons/FontAwesome5';
 import firstRunStyle from 'styles/firstRun';
 
@@ -13,7 +13,7 @@ class EmailVerifyPage extends React.PureComponent {
     const { email, notify, resendVerificationEmail } = this.props;
     resendVerificationEmail(email);
     AsyncStorage.setItem(Constants.KEY_EMAIL_VERIFY_PENDING, 'true');
-    notify({ message: 'Please follow the instructions in the email sent to your address to continue.' });
+    notify({ message: __('Please follow the instructions in the email sent to your address to continue.') });
   };
 
   render() {
diff --git a/src/page/firstRun/internal/skip-account-page.js b/src/page/firstRun/internal/skip-account-page.js
index 4fa20b3..a4973bf 100644
--- a/src/page/firstRun/internal/skip-account-page.js
+++ b/src/page/firstRun/internal/skip-account-page.js
@@ -28,10 +28,10 @@ class SkipAccountPage extends React.PureComponent {
       <View onLayout={onSkipAccountViewLayout}>
         <View style={firstRunStyle.row}>
           <Icon name="exclamation-triangle" style={firstRunStyle.titleIcon} size={32} color={Colors.White} />
-          <Text style={firstRunStyle.title}>Are you sure?</Text>
+          <Text style={firstRunStyle.title}>{__('Are you sure?')}</Text>
         </View>
         <Text style={firstRunStyle.paragraph}>
-          Without an account, you will not receive rewards, sync and backup services, or security updates.
+          {__('Without an account, you will not receive rewards, sync and backup services, or security updates.')}
         </Text>
 
         <View style={[firstRunStyle.row, firstRunStyle.confirmContainer]}>
@@ -45,8 +45,9 @@ class SkipAccountPage extends React.PureComponent {
             />
           </View>
           <Text style={firstRunStyle.rowParagraph}>
-            I understand that by uninstalling LBRY I will lose any balances or published content with no recovery option
-            if it is not backed up manually (see wallet page)
+            {__(
+              'I understand that by uninstalling LBRY I will lose any balances or published content with no recovery option if it is not backed up manually (see wallet page)'
+            )}
           </Text>
         </View>
       </View>
diff --git a/src/page/firstRun/internal/wallet-page.js b/src/page/firstRun/internal/wallet-page.js
index 13e1c15..ed83d89 100644
--- a/src/page/firstRun/internal/wallet-page.js
+++ b/src/page/firstRun/internal/wallet-page.js
@@ -97,14 +97,16 @@ class WalletPage extends React.PureComponent {
       content = (
         <View style={firstRunStyle.centered}>
           <ActivityIndicator size="large" color={Colors.White} style={firstRunStyle.waiting} />
-          <Text style={firstRunStyle.paragraph}>Retrieving your account information...</Text>
+          <Text style={firstRunStyle.paragraph}>{__('Retrieving your account information...')}</Text>
         </View>
       );
     } else if (syncApplyStarted || syncApplyIsPending || syncApplyCompleted) {
       content = (
         <View style={firstRunStyle.centered}>
           <ActivityIndicator size="large" color={Colors.White} style={firstRunStyle.waiting} />
-          <Text style={firstRunStyle.paragraph}>{syncApplyIsPending ? 'Validating password' : 'Synchronizing'}...</Text>
+          <Text style={firstRunStyle.paragraph}>
+            {syncApplyIsPending ? __('Validating password') : __('Synchronizing')}...
+          </Text>
         </View>
       );
     } else if (hasSyncedWallet && this.state.autoLoginAttempted) {
@@ -114,8 +116,8 @@ class WalletPage extends React.PureComponent {
           <Text style={firstRunStyle.title}>Password</Text>
           <Text style={firstRunStyle.paragraph}>
             {hasSyncedWallet
-              ? 'Please enter the password you used to secure your wallet.'
-              : 'Please enter a password to secure your account and wallet.'}
+              ? __('Please enter the password you used to secure your wallet.')
+              : __('Please enter a password to secure your account and wallet.')}
           </Text>
           <View style={firstRunStyle.passwordInputContainer}>
             <TextInput
@@ -148,8 +150,8 @@ class WalletPage extends React.PureComponent {
             <View style={firstRunStyle.passwordWarning}>
               <Text style={firstRunStyle.passwordWarningText}>
                 {hasSyncedWallet
-                  ? 'If you did not provide a password, please press Use LBRY to continue.'
-                  : 'You can proceed without a password, but this is not recommended.'}
+                  ? __('If you did not provide a password, please press Use LBRY to continue.')
+                  : __('You can proceed without a password, but this is not recommended.')}
               </Text>
             </View>
           )}
@@ -164,7 +166,7 @@ class WalletPage extends React.PureComponent {
             </View>
           )}
           <Text style={firstRunStyle.infoParagraph}>
-            Note: for wallet security purposes, LBRY is unable to reset your password.
+            {__('Note: for wallet security purposes, LBRY is unable to reset your password.')}
           </Text>
         </View>
       );
diff --git a/src/page/firstRun/internal/welcome-page.js b/src/page/firstRun/internal/welcome-page.js
index 1532ac2..1eb8b01 100644
--- a/src/page/firstRun/internal/welcome-page.js
+++ b/src/page/firstRun/internal/welcome-page.js
@@ -87,8 +87,9 @@ class WelcomePage extends React.PureComponent {
       content = (
         <View>
           <Text style={firstRunStyle.paragraph}>
-            The LBRY servers were unreachable at this time. Please check your Internet connection and then restart the
-            app to try again.
+            {__(
+              'The LBRY servers were unreachable at this time. Please check your Internet connection and then restart the app to try again.'
+            )}
           </Text>
         </View>
       );
@@ -96,7 +97,7 @@ class WelcomePage extends React.PureComponent {
       content = (
         <View style={firstRunStyle.centered}>
           <ActivityIndicator size="large" color={Colors.White} style={firstRunStyle.waiting} />
-          <Text style={firstRunStyle.paragraph}>Please wait while we get some things ready...</Text>
+          <Text style={firstRunStyle.paragraph}>{__('Please wait while we get some things ready...')}</Text>
         </View>
       );
     } else {
@@ -104,8 +105,9 @@ class WelcomePage extends React.PureComponent {
         <View onLayout={onWelcomePageLayout}>
           <Text style={firstRunStyle.title}>Welcome to LBRY.</Text>
           <Text style={firstRunStyle.paragraph}>
-            LBRY is a community-controlled content platform where you can find and publish videos, music, books, and
-            more.
+            {__(
+              'LBRY is a community-controlled content platform where you can find and publish videos, music, books, and more.'
+            )}
           </Text>
           <Text style={[firstRunStyle.infoParagraph, firstRunStyle.tosParagraph]}>
             By continuing, I agree to the{' '}
diff --git a/src/page/firstRun/view.js b/src/page/firstRun/view.js
index 5079965..d747fba 100644
--- a/src/page/firstRun/view.js
+++ b/src/page/firstRun/view.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Lbry } from 'lbry-redux';
+import { SETTINGS, Lbry } from 'lbry-redux';
 import { ActivityIndicator, Linking, NativeModules, Text, TouchableOpacity, View } from 'react-native';
 import { NavigationActions, StackActions } from 'react-navigation';
 import AsyncStorage from '@react-native-community/async-storage';
@@ -11,6 +11,7 @@ import EmailCollectPage from './internal/email-collect-page';
 import EmailVerifyPage from './internal/email-verify-page';
 import SkipAccountPage from './internal/skip-account-page';
 import firstRunStyle from 'styles/firstRun';
+import RNFS from 'react-native-fs';
 
 class FirstRunScreen extends React.PureComponent {
   static pages = [
@@ -29,6 +30,7 @@ class FirstRunScreen extends React.PureComponent {
     enterPasswordTracked: false,
     isFirstRun: false,
     launchUrl: null,
+    languageLoaded: false,
     showSkip: false,
     isEmailVerified: false,
     skipAccountConfirmed: false,
@@ -36,6 +38,7 @@ class FirstRunScreen extends React.PureComponent {
     walletPassword: '',
     syncApplyStarted: false,
     syncApplyCompleted: false,
+    language: null,
   };
 
   componentDidMount() {
@@ -45,7 +48,52 @@ class FirstRunScreen extends React.PureComponent {
       }
     });
 
-    // FirstRun module should always be present (in order to detect first run status)
+    NativeModules.UtilityModule.getNativeStringSetting(SETTINGS.LANGUAGE, 'en').then(language =>
+      this.loadLanguage(language)
+    );
+  }
+
+  loadLanguage = language => {
+    if (!language || language === 'en') {
+      this.checkFirstRun();
+    } else {
+      // Load the current language setting before doing anything
+      const languageFile = RNFS.ExternalDirectoryPath + '/' + language + '.json';
+      RNFS.readFile(languageFile, 'utf8')
+        .then(fileContents => {
+          const json = JSON.parse(fileContents);
+          window.language = language;
+          window.i18n_messages[language] = json;
+          // language exists, so download an update
+          this.downloadLanguageUpdate(language);
+          this.checkFirstRun();
+        })
+        .catch(err => {
+          // language file doesn't exist? maintain the default language
+          this.checkFirstRun();
+        });
+    }
+  };
+
+  downloadLanguageUpdate = language => {
+    fetch('https://lbry.com/i18n/get/lbry-mobile/app-strings/' + language + '.json')
+      .then(r => r.json())
+      .then(j => {
+        window.i18n_messages[language] = j;
+
+        // write the language file to the filesystem
+        const langFilePath = RNFS.ExternalDirectoryPath + '/' + language + '.json';
+        RNFS.writeFile(langFilePath, JSON.stringify(j), 'utf8');
+
+        // update state and client setting
+        window.language = language;
+      })
+      .catch(() => {
+        /* pass */
+      });
+  };
+
+  checkFirstRun = () => {
     NativeModules.FirstRun.isFirstRun().then(firstRun => {
       AsyncStorage.removeItem(Constants.KEY_FIRST_RUN_EMAIL);
       AsyncStorage.removeItem(Constants.KEY_EMAIL_VERIFY_PENDING);
@@ -59,7 +107,7 @@ class FirstRunScreen extends React.PureComponent {
         this.launchSplashScreen();
       }
     });
-  }
+  };
 
   componentWillReceiveProps(nextProps) {
     const { emailNewErrorMessage, emailNewPending, syncApplyErrorMessage, syncApplyIsPending, user } = nextProps;
@@ -78,7 +126,7 @@ class FirstRunScreen extends React.PureComponent {
 
     if (this.state.syncApplyStarted && !syncApplyIsPending) {
       if (syncApplyErrorMessage && syncApplyErrorMessage.trim().length > 0) {
-        notify({ message: syncApplyErrorMessage, isError: true });
+        notify({ message: __(syncApplyErrorMessage), isError: true });
         this.setState({ showBottomContainer: true, syncApplyStarted: false, syncApplyCompleted: false });
       } else {
         this.setState({ syncApplyCompleted: true });
@@ -97,7 +145,7 @@ class FirstRunScreen extends React.PureComponent {
                 if (unlocked) {
                   this.closeFinalPage();
                 } else {
-                  notify({ message: 'The wallet could not be unlocked at this time. Please restart the app.' });
+                  notify({ message: __('The wallet could not be unlocked at this time. Please restart the app.') });
                 }
               }
             );
@@ -183,7 +231,7 @@ class FirstRunScreen extends React.PureComponent {
     }
 
     if (Constants.FIRST_RUN_PAGE_SKIP_ACCOUNT === this.state.currentPage && !this.state.skipAccountConfirmed) {
-      notify({ message: 'Please confirm that you want to use LBRY without creating an account.' });
+      notify({ message: __('Please confirm that you want to use LBRY without creating an account.') });
       return;
     }
 
@@ -209,7 +257,7 @@ class FirstRunScreen extends React.PureComponent {
     // validate the email
     if (!email || email.indexOf('@') === -1) {
       return notify({
-        message: 'Please provide a valid email address to continue.',
+        message: __('Please provide a valid email address to continue.'),
       });
     }
 
@@ -334,6 +382,7 @@ class FirstRunScreen extends React.PureComponent {
       emailNewErrorMessage,
       emailNewPending,
       emailToVerify,
+      language,
       notify,
       hasSyncedWallet,
       getSyncIsPending,
@@ -421,27 +470,27 @@ class FirstRunScreen extends React.PureComponent {
                   <Text style={firstRunStyle.buttonText}>
                     «{' '}
                     {Constants.FIRST_RUN_PAGE_SKIP_ACCOUNT === this.state.currentPage
-                      ? 'Setup account'
-                      : 'Change email'}
+                      ? __('Setup account')
+                      : __('Change email')}
                   </Text>
                 </TouchableOpacity>
               )}
               {!emailNewPending && Constants.FIRST_RUN_PAGE_EMAIL_COLLECT === this.state.currentPage && (
                 <TouchableOpacity style={firstRunStyle.leftButton} onPress={this.handleLeftButtonPressed}>
-                  <Text style={firstRunStyle.smallLeftButtonText}>No, thanks »</Text>
+                  <Text style={firstRunStyle.smallLeftButtonText}>{__('No, thanks')} »</Text>
                 </TouchableOpacity>
               )}
 
               {!emailNewPending && (
                 <TouchableOpacity style={firstRunStyle.button} onPress={this.handleContinuePressed}>
                   {Constants.FIRST_RUN_PAGE_SKIP_ACCOUNT === this.state.currentPage && (
-                    <Text style={firstRunStyle.smallButtonText}>Use LBRY »</Text>
+                    <Text style={firstRunStyle.smallButtonText}>{__('Use LBRY')} »</Text>
                   )}
 
                   {Constants.FIRST_RUN_PAGE_SKIP_ACCOUNT !== this.state.currentPage &&
                     Constants.FIRST_RUN_PAGE_EMAIL_VERIFY !== this.state.currentPage && (
                     <Text style={firstRunStyle.buttonText}>
-                      {Constants.FIRST_RUN_PAGE_WALLET === this.state.currentPage ? 'Use LBRY' : 'Continue'} »
+                      {Constants.FIRST_RUN_PAGE_WALLET === this.state.currentPage ? __('Use LBRY') : __('Continue')} »
                     </Text>
                   )}
                 </TouchableOpacity>
diff --git a/src/page/publish/view.js b/src/page/publish/view.js
index 487a893..adc9ac6 100644
--- a/src/page/publish/view.js
+++ b/src/page/publish/view.js
@@ -45,7 +45,7 @@ import Tag from 'component/tag';
 import TagSearch from 'component/tagSearch';
 import UriBar from 'component/uriBar';
 import publishStyle from 'styles/publish';
-import { __, navigateToUri, logPublish, uploadImageAsset } from 'utils/helper';
+import { navigateToUri, logPublish, uploadImageAsset } from 'utils/helper';
 
 const languages = {
   en: 'English',
@@ -345,7 +345,7 @@ class PublishPage extends React.PureComponent {
 
     if (balance < Constants.MINIMUM_TRANSACTION_BALANCE) {
       notify({
-        message: 'Publishing content requires credits. Press the blue bar to get some for free.',
+        message: __('Publishing content requires credits. Press the blue bar to get some for free.'),
       });
       if (this.scrollView) {
         this.scrollView.scrollTo({ x: 0, y: 0, animated: true });
@@ -354,18 +354,18 @@ class PublishPage extends React.PureComponent {
     }
 
     if (!title || title.trim().length === 0) {
-      notify({ message: 'Please provide a title' });
+      notify({ message: __('Please provide a title') });
       return;
     }
 
     if (!name) {
-      notify({ message: 'Please specify an address where people can find your content.' });
+      notify({ message: __('Please specify an address where people can find your content.') });
       return;
     }
 
     if (!currentMedia && !editMode) {
       // sanity check. normally shouldn't happen
-      notify({ message: 'No file selected. Please select a video or take a photo before publishing.' });
+      notify({ message: __('No file selected. Please select a video or take a photo before publishing.') });
       return;
     }
 
@@ -403,7 +403,7 @@ class PublishPage extends React.PureComponent {
     pendingPublishSuccess(pendingClaim);
 
     notify({
-      message: `Your content was successfully published to ${this.state.uri}. It will be available in a few mintues.`,
+      message: __('Your content was successfully published. It will be available in a few mintues.'),
     });
     clearPublishFormState();
     this.setState({ publishStarted: false });
@@ -553,7 +553,7 @@ class PublishPage extends React.PureComponent {
   handleThumbnailUploadFailure = err => {
     const { notify } = this.props;
     this.setState({ uploadThumbnailStarted: false });
-    notify({ message: 'The thumbnail could not be uploaded. Please try again.' });
+    notify({ message: __('The thumbnail could not be uploaded. Please try again.') });
   };
 
   onFilePicked = evt => {
@@ -586,7 +586,7 @@ class PublishPage extends React.PureComponent {
       }
     } else {
       // could not determine the file path
-      notify({ message: 'The path could not be determined. Please try a different file.' });
+      notify({ message: __('The path could not be determined. Please try a different file.') });
     }
   };
 
@@ -701,7 +701,7 @@ class PublishPage extends React.PureComponent {
     }
 
     if (!isNameValid(name, false)) {
-      notify({ message: 'Your content address contains invalid characters' });
+      notify({ message: __('Your content address contains invalid characters') });
       return;
     }
 
@@ -731,7 +731,7 @@ class PublishPage extends React.PureComponent {
       updatePublishFormState({ tags: newTags });
       this.setState({ tags: newTags });
     } else {
-      notify({ message: __(`You already added the "${tag}" tag.`) });
+      notify({ message: __(`You already added the "${tag}" tag.`) }); // TODO: tokenize i18n
     }
   };
 
@@ -868,7 +868,7 @@ class PublishPage extends React.PureComponent {
     const { notify } = this.props;
     if (this.state.thumbnailImagePickerOpen || this.state.uploadThumbnailStarted) {
       if (this.state.uploadThumbnailStarted) {
-        notify({ message: 'A thumbnail is already being uploaded. Please wait for the upload to finish.' });
+        notify({ message: __('A thumbnail is already being uploaded. Please wait for the upload to finish.') });
       }
       return;
     }
@@ -913,7 +913,7 @@ class PublishPage extends React.PureComponent {
                 onPress={this.handleRecordVideoPressed}
               >
                 <Icon name="video" size={48} color={Colors.White} />
-                <Text style={publishStyle.actionText}>Record</Text>
+                <Text style={publishStyle.actionText}>{__('Record')}</Text>
               </TouchableOpacity>
               <View style={publishStyle.subActions}>
                 <TouchableOpacity
@@ -924,11 +924,11 @@ class PublishPage extends React.PureComponent {
                   onPress={this.handleTakePhotoPressed}
                 >
                   <Icon name="camera" size={48} color={Colors.White} />
-                  <Text style={publishStyle.actionText}>Take a photo</Text>
+                  <Text style={publishStyle.actionText}>{__('Take a photo')}</Text>
                 </TouchableOpacity>
                 <TouchableOpacity style={publishStyle.upload} onPress={this.handleUploadPressed}>
                   <Icon name="file-upload" size={48} color={Colors.White} />
-                  <Text style={publishStyle.actionText}>Upload a file</Text>
+                  <Text style={publishStyle.actionText}>{__('Upload a file')}</Text>
                 </TouchableOpacity>
               </View>
             </View>
@@ -936,13 +936,13 @@ class PublishPage extends React.PureComponent {
           {(loadingVideos || !allThumbnailsChecked) && (
             <View style={publishStyle.loadingView}>
               <ActivityIndicator size="small" color={Colors.NextLbryGreen} />
-              <Text style={publishStyle.loadingText}>Please wait while we load your videos...</Text>
+              <Text style={publishStyle.loadingText}>{__('Please wait while we load your videos...')}</Text>
             </View>
           )}
           {!loadingVideos && (!videos || videos.length === 0) && (
             <View style={publishStyle.relativeCentered}>
               <Text style={publishStyle.noVideos}>
-                We could not find any videos on your device. Take a photo or record a video to get started.
+                {__('We could not find any videos on your device. Take a photo or record a video to get started.')}
               </Text>
             </View>
           )}
@@ -994,7 +994,7 @@ class PublishPage extends React.PureComponent {
             {this.state.uploadThumbnailStarted && (
               <View style={publishStyle.thumbnailUploadContainer}>
                 <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />
-                <Text style={publishStyle.thumbnailUploadText}>Uploading thumbnail...</Text>
+                <Text style={publishStyle.thumbnailUploadText}>{__('Uploading thumbnail...')}</Text>
               </View>
             )}
           </TouchableOpacity>
@@ -1003,11 +1003,11 @@ class PublishPage extends React.PureComponent {
           <View style={publishStyle.card}>
             <View style={publishStyle.textInputLayout}>
               {(this.state.titleFocused || (this.state.title != null && this.state.title.trim().length > 0)) && (
-                <Text style={publishStyle.textInputTitle}>Title</Text>
+                <Text style={publishStyle.textInputTitle}>{__('Title')}</Text>
               )}
               <TextInput
                 editable={this.state.canPublish && !this.state.publishStarted}
-                placeholder={this.state.titleFocused ? '' : 'Title'}
+                placeholder={this.state.titleFocused ? '' : __('Title')}
                 style={publishStyle.inputText}
                 value={this.state.title}
                 numberOfLines={1}
@@ -1021,12 +1021,12 @@ class PublishPage extends React.PureComponent {
             <View style={publishStyle.textInputLayout}>
               {(this.state.descriptionFocused ||
                 (this.state.description != null && this.state.description.trim().length > 0)) && (
-                <Text style={publishStyle.textInputTitle}>Description</Text>
+                <Text style={publishStyle.textInputTitle}>{__('Description')}</Text>
               )}
               <TextInput
                 editable={this.state.canPublish && !this.state.publishStarted}
                 multiline
-                placeholder={this.state.descriptionFocused ? '' : 'Description'}
+                placeholder={this.state.descriptionFocused ? '' : __('Description')}
                 style={publishStyle.inputText}
                 value={this.state.description}
                 underlineColorAndroid={Colors.NextLbryGreen}
@@ -1038,7 +1038,7 @@ class PublishPage extends React.PureComponent {
           </View>
 
           <View style={publishStyle.card}>
-            <Text style={publishStyle.cardTitle}>Tags</Text>
+            <Text style={publishStyle.cardTitle}>{__('Tags')}</Text>
             <View style={publishStyle.tagList}>
               {this.state.tags &&
                 this.state.tags.map(tag => (
@@ -1055,7 +1055,7 @@ class PublishPage extends React.PureComponent {
           </View>
 
           <View style={publishStyle.card}>
-            <Text style={publishStyle.cardTitle}>Channel</Text>
+            <Text style={publishStyle.cardTitle}>{__('Channel')}</Text>
 
             <ChannelSelector
               enabled={this.state.canPublish && !this.state.publishStarted}
@@ -1066,14 +1066,16 @@ class PublishPage extends React.PureComponent {
 
           <View style={publishStyle.card}>
             <View style={publishStyle.titleRow}>
-              <Text style={publishStyle.cardTitle}>Price</Text>
+              <Text style={publishStyle.cardTitle}>{__('Price')}</Text>
               <View style={publishStyle.switchTitleRow}>
                 <Switch value={this.state.priceSet} onValueChange={value => this.setState({ priceSet: value })} />
               </View>
             </View>
 
             {!this.state.priceSet && (
-              <Text style={publishStyle.cardText}>Your content will be free. Press the toggle to set a price.</Text>
+              <Text style={publishStyle.cardText}>
+                {__('Your content will be free. Press the toggle to set a price.')}
+              </Text>
             )}
 
             {this.state.priceSet && (
@@ -1103,11 +1105,13 @@ class PublishPage extends React.PureComponent {
           </View>
 
           <View style={publishStyle.card}>
-            <Text style={publishStyle.cardTitle}>Content address</Text>
+            <Text style={publishStyle.cardTitle}>{__('Content address')}</Text>
             <Text style={publishStyle.helpText}>
-              The address where people can find your content (ex. lbry://myvideo).
+              {__('The address where people can find your content (ex. lbry://myvideo). ')}
               {this.state.editMode &&
-                ' You cannot change this address while editing your content. If you wish to use a new address, please republish the content.'}
+                __(
+                  'You cannot change this address while editing your content. If you wish to use a new address, please republish the content.'
+                )}
             </Text>
 
             <TextInput
@@ -1132,14 +1136,16 @@ class PublishPage extends React.PureComponent {
               />
               <Text style={publishStyle.currency}>LBC</Text>
             </View>
-            <Text style={publishStyle.helpText}>This LBC remains yours and the deposit can be undone at any time.</Text>
+            <Text style={publishStyle.helpText}>
+              {__('This LBC remains yours and the deposit can be undone at any time.')}
+            </Text>
           </View>
 
           {this.state.advancedMode && (
             <View style={publishStyle.card}>
-              <Text style={publishStyle.cardTitle}>Additional Options</Text>
+              <Text style={publishStyle.cardTitle}>{__('Additional Options')}</Text>
               <View>
-                <Text style={publishStyle.cardText}>Language</Text>
+                <Text style={publishStyle.cardText}>{__('Language')}</Text>
                 <Picker
                   enabled={this.state.canPublish && !this.state.publishStarted}
                   selectedValue={this.state.language}
@@ -1148,13 +1154,13 @@ class PublishPage extends React.PureComponent {
                   onValueChange={this.handleLanguageValueChange}
                 >
                   {Object.keys(languages).map(lang => (
-                    <Picker.Item label={languages[lang]} value={lang} key={lang} />
+                    <Picker.Item label={__(languages[lang])} value={lang} key={lang} />
                   ))}
                 </Picker>
               </View>
 
               <View>
-                <Text style={publishStyle.cardText}>License</Text>
+                <Text style={publishStyle.cardText}>{__('License')}</Text>
                 <Picker
                   enabled={this.state.canPublish && !this.state.publishStarted}
                   selectedValue={this.state.license}
@@ -1162,18 +1168,22 @@ class PublishPage extends React.PureComponent {
                   itemStyle={publishStyle.pickerItem}
                   onValueChange={this.handleLicenseValueChange}
                 >
-                  <Picker.Item label={'None'} value={LICENSES.NONE} key={LICENSES.NONE} />
-                  <Picker.Item label={'Public Domain'} value={LICENSES.PUBLIC_DOMAIN} key={LICENSES.PUBLIC_DOMAIN} />
+                  <Picker.Item label={__('None')} value={LICENSES.NONE} key={LICENSES.NONE} />
+                  <Picker.Item
+                    label={__('Public Domain')}
+                    value={LICENSES.PUBLIC_DOMAIN}
+                    key={LICENSES.PUBLIC_DOMAIN}
+                  />
                   {LICENSES.CC_LICENSES.map(({ value, url }) => (
                     <Picker.Item label={value} value={value} key={value} />
                   ))}
-                  <Picker.Item label={'Copyrighted...'} value={LICENSES.COPYRIGHT} key={LICENSES.COPYRIGHT} />
-                  <Picker.Item label={'Other...'} value={LICENSES.OTHER} key={LICENSES.OTHER} />
+                  <Picker.Item label={__('Copyrighted...')} value={LICENSES.COPYRIGHT} key={LICENSES.COPYRIGHT} />
+                  <Picker.Item label={__('Other...')} value={LICENSES.OTHER} key={LICENSES.OTHER} />
                 </Picker>
                 {[LICENSES.COPYRIGHT, LICENSES.OTHER].includes(this.state.license) && (
                   <TextInput
                     editable={this.state.canPublish && !this.state.publishStarted}
-                    placeholder={'License description'}
+                    placeholder={__('License description')}
                     style={publishStyle.inputText}
                     underlineColorAndroid={Colors.NextLbryGreen}
                     numberOfLines={1}
@@ -1187,7 +1197,7 @@ class PublishPage extends React.PureComponent {
 
           <View style={publishStyle.toggleContainer}>
             <Link
-              text={this.state.advancedMode ? 'Hide extra fields' : 'Show extra fields'}
+              text={this.state.advancedMode ? __('Hide extra fields') : __('Show extra fields')}
               onPress={this.handleModePressed}
               style={publishStyle.modeLink}
             />
@@ -1201,7 +1211,7 @@ class PublishPage extends React.PureComponent {
             )}
 
             {!this.state.publishStarted && (
-              <Link style={publishStyle.cancelLink} text="Cancel" onPress={() => this.showSelector()} />
+              <Link style={publishStyle.cancelLink} text={__('Cancel')} onPress={() => this.showSelector()} />
             )}
 
             {!this.state.publishStarted && (
@@ -1209,7 +1219,7 @@ class PublishPage extends React.PureComponent {
                 <Button
                   style={publishStyle.publishButton}
                   disabled={this.state.uploadThumbnailStarted}
-                  text={this.state.editMode ? 'Save changes' : 'Publish'}
+                  text={this.state.editMode ? __('Save changes') : __('Publish')}
                   onPress={this.handlePublishPressed}
                 />
               </View>
@@ -1221,8 +1231,10 @@ class PublishPage extends React.PureComponent {
       content = (
         <ScrollView style={publishStyle.publishDetails}>
           <View style={publishStyle.successContainer}>
-            <Text style={publishStyle.successTitle}>Success!</Text>
-            <Text style={publishStyle.successText}>Congratulations! Your content was successfully uploaded.</Text>
+            <Text style={publishStyle.successTitle}>{__('Success!')}</Text>
+            <Text style={publishStyle.successText}>
+              {__('Congratulations! Your content was successfully uploaded.')}
+            </Text>
             <View style={publishStyle.successRow}>
               <Link
                 style={publishStyle.successUrl}
@@ -1232,19 +1244,24 @@ class PublishPage extends React.PureComponent {
               <TouchableOpacity
                 onPress={() => {
                   Clipboard.setString(this.state.uri);
-                  notify({ message: 'Copied.' });
+                  notify({ message: __('Copied.') });
                 }}
               >
                 <Icon name="clipboard" size={24} color={Colors.LbryGreen} />
               </TouchableOpacity>
             </View>
             <Text style={publishStyle.successText}>
-              Your content will be live in a few minutes. In the mean time, feel free to publish more content or explore
-              the app.
+              {__(
+                'Your content will be live in a few minutes. In the mean time, feel free to publish more content or explore the app.'
+              )}
             </Text>
           </View>
           <View style={publishStyle.actionButtons}>
-            <Button style={publishStyle.publishButton} text="Publish again" onPress={this.handlePublishAgainPressed} />
+            <Button
+              style={publishStyle.publishButton}
+              text={__('Publish again')}
+              onPress={this.handlePublishAgainPressed}
+            />
           </View>
         </ScrollView>
       );
@@ -1282,7 +1299,7 @@ class PublishPage extends React.PureComponent {
                 }}
                 notAuthorizedView={
                   <View style={publishStyle.fullCentered}>
-                    <Text style={publishStyle.cameraInfo}>Camera not authorized</Text>
+                    <Text style={publishStyle.cameraInfo}>{__('Camera not authorized')}</Text>
                   </View>
                 }
               />
diff --git a/src/page/publishes/view.js b/src/page/publishes/view.js
index fb7bf41..a02213c 100644
--- a/src/page/publishes/view.js
+++ b/src/page/publishes/view.js
@@ -8,7 +8,7 @@ import FileListItem from 'component/fileListItem';
 import FloatingWalletBalance from 'component/floatingWalletBalance';
 import UriBar from 'component/uriBar';
 import publishStyle from 'styles/publish';
-import { __, navigateToUri } from 'utils/helper';
+import { navigateToUri } from 'utils/helper';
 
 class PublishesPage extends React.PureComponent {
   state = {
diff --git a/src/page/rewards/view.js b/src/page/rewards/view.js
index 2b6f450..2c5bcf6 100644
--- a/src/page/rewards/view.js
+++ b/src/page/rewards/view.js
@@ -8,7 +8,6 @@ import CustomRewardCard from 'component/customRewardCard';
 import PageHeader from 'component/pageHeader';
 import RewardCard from 'component/rewardCard';
 import RewardEnrolment from 'component/rewardEnrolment';
-import RewardSummary from 'component/rewardSummary';
 import UriBar from 'component/uriBar';
 import rewardStyle from 'styles/reward';
 
@@ -107,7 +106,8 @@ class RewardsPage extends React.PureComponent {
         <View style={[rewardStyle.card, rewardStyle.verification]}>
           <Text style={rewardStyle.title}>Manual Reward Verification</Text>
           <Text style={rewardStyle.text}>
-            You need to be manually verified before you can start claiming rewards. Please request to be verified on the{' '}
+            __('You need to be manually verified before you can start claiming rewards.') Please request to be verified
+            on the{' '}
             <Link
               style={rewardStyle.greenLink}
               href="https://discordapp.com/invite/Z3bERWA"
@@ -130,13 +130,15 @@ class RewardsPage extends React.PureComponent {
       return (
         <View style={rewardStyle.busyContainer}>
           <ActivityIndicator size="large" color={Colors.NextLbryGreen} />
-          <Text style={rewardStyle.infoText}>Fetching rewards...</Text>
+          <Text style={rewardStyle.infoText}>{__('Fetching rewards...')}</Text>
         </View>
       );
     } else if (user === null) {
       return (
         <View style={rewardStyle.busyContainer}>
-          <Text style={rewardStyle.infoText}>This app is unable to earn rewards due to an authentication failure.</Text>
+          <Text style={rewardStyle.infoText}>
+            {__('This app is unable to earn rewards due to an authentication failure.')}
+          </Text>
         </View>
       );
     }
diff --git a/src/page/search/view.js b/src/page/search/view.js
index f1260d5..35a9210 100644
--- a/src/page/search/view.js
+++ b/src/page/search/view.js
@@ -143,7 +143,7 @@ class SearchPage extends React.PureComponent {
         {showTagResult && (
           <TouchableOpacity style={searchStyle.tagResultItem} onPress={() => this.handleTagResultPressed(query)}>
             <Text style={searchStyle.tagResultTitle}>#{query.toLowerCase()}</Text>
-            <Text style={searchStyle.tagResultDescription}>Explore content for this tag</Text>
+            <Text style={searchStyle.tagResultDescription}>{__('Explore content for this tag')}</Text>
           </TouchableOpacity>
         )}
       </View>
diff --git a/src/page/settings/index.js b/src/page/settings/index.js
index b36796a..01bd9d4 100644
--- a/src/page/settings/index.js
+++ b/src/page/settings/index.js
@@ -1,5 +1,5 @@
 import { connect } from 'react-redux';
-import { SETTINGS } from 'lbry-redux';
+import { SETTINGS, doToast } from 'lbry-redux';
 import { doPushDrawerStack, doPopDrawerStack, doSetPlayerVisible } from 'redux/actions/drawer';
 import { doSetClientSetting } from 'redux/actions/settings';
 import { selectCurrentRoute, selectDrawerStack } from 'redux/selectors/drawer';
@@ -12,6 +12,7 @@ const select = state => ({
   currentRoute: selectCurrentRoute(state),
   drawerStack: selectDrawerStack(state),
   keepDaemonRunning: makeSelectClientSetting(SETTINGS.KEEP_DAEMON_RUNNING)(state),
+  language: makeSelectClientSetting(SETTINGS.LANGUAGE)(state),
   showNsfw: makeSelectClientSetting(SETTINGS.SHOW_NSFW)(state),
   showUriBarSuggestions: makeSelectClientSetting(SETTINGS.SHOW_URI_BAR_SUGGESTIONS)(state),
   receiveSubscriptionNotifications: makeSelectClientSetting(SETTINGS.RECEIVE_SUBSCRIPTION_NOTIFICATIONS)(state),
@@ -21,6 +22,7 @@ const select = state => ({
 });
 
 const perform = dispatch => ({
+  notify: data => dispatch(doToast(data)),
   pushDrawerStack: () => dispatch(doPushDrawerStack(Constants.DRAWER_ROUTE_SETTINGS)),
   popDrawerStack: () => dispatch(doPopDrawerStack()),
   setClientSetting: (key, value) => dispatch(doSetClientSetting(key, value)),
diff --git a/src/page/settings/view.js b/src/page/settings/view.js
index 7272461..4bb676d 100644
--- a/src/page/settings/view.js
+++ b/src/page/settings/view.js
@@ -1,12 +1,33 @@
 import React from 'react';
 import { SETTINGS } from 'lbry-redux';
-import { Text, View, ScrollView, Switch, NativeModules } from 'react-native';
-import { __, navigateBack } from 'utils/helper';
+import { ActivityIndicator, Picker, Platform, Text, View, ScrollView, Switch, NativeModules } from 'react-native';
+import { navigateBack } from 'utils/helper';
+import AsyncStorage from '@react-native-community/async-storage';
+import Colors from 'styles/colors';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import PageHeader from 'component/pageHeader';
+import RNFS from 'react-native-fs';
 import settingsStyle from 'styles/settings';
 
+const languageOptions = [
+  { code: 'default', name: 'Use device language' },
+  { code: 'en', name: 'English' },
+  { code: 'gu', name: 'Gujarati' },
+  { code: 'hi', name: 'Hindi' },
+  { code: 'id', name: 'Indonesian' },
+  { code: 'it', name: 'Italian' },
+  { code: 'ms', name: 'Malay' },
+  { code: 'tr', name: 'Turkish' },
+  { code: 'pl', name: 'Polish' },
+  { code: 'pt', name: 'Portuguese' },
+  { code: 'es', name: 'Spanish' },
+];
+
 class SettingsPage extends React.PureComponent {
+  state = {
+    downloadingLanguage: false,
+  };
+
   static navigationOptions = {
     title: 'Settings',
   };
@@ -53,17 +74,70 @@ class SettingsPage extends React.PureComponent {
     return value === null || value === undefined ? defaultValue : value;
   };
 
+  handleLanguageValueChange = value => {
+    const { notify, setClientSetting } = this.props;
+
+    let language;
+    if (value === 'default') {
+      language =
+        Platform.OS === 'android'
+          ? NativeModules.I18nManager.localeIdentifier
+          : NativeModules.SettingsManager.settings.AppleLocale;
+      language = language ? language.substring(0, 2) : 'en';
+    } else {
+      language = value;
+    }
+
+    // check the local filesystem for the language first? Or download remote strings first?
+
+    // download and save the language file
+    this.setState({ downloadingLanguage: true }, () => {
+      fetch('https://lbry.com/i18n/get/lbry-mobile/app-strings/' + language + '.json')
+        .then(r => r.json())
+        .then(j => {
+          window.i18n_messages[language] = j;
+
+          // write the language file to the filesystem
+          const langFilePath = RNFS.ExternalDirectoryPath + '/' + language + '.json';
+          RNFS.writeFile(langFilePath, JSON.stringify(j), 'utf8');
+
+          // save the setting outside redux because when the first component mounts, the redux value isn't loaded yet
+          // so we have to load it from native settings
+          NativeModules.UtilityModule.setNativeStringSetting(SETTINGS.LANGUAGE, value);
+
+          // update state and client setting
+          window.language = language;
+          setClientSetting(SETTINGS.LANGUAGE, value);
+
+          this.setState({ downloadingLanguage: false });
+        })
+        .catch(e => {
+          notify({ message: __('Failed to load %language% translations.', { language: language }), isError: true });
+          this.setState({ downloadingLanguage: false });
+        });
+    });
+  };
+
+  handleBackPressed = () => {
+    const { navigation, notify, drawerStack, popDrawerStack } = this.props;
+
+    if (this.state.downloadingLanguage) {
+      notify({ message: 'Please wait for the language file to finish downloading' });
+      return;
+    }
+
+    navigateBack(navigation, drawerStack, popDrawerStack);
+  };
+
   render() {
     const {
       backgroundPlayEnabled,
-      drawerStack,
       keepDaemonRunning,
-      navigation,
-      popDrawerStack,
       receiveSubscriptionNotifications,
       receiveRewardNotifications,
       receiveInterestsNotifications,
       receiveCreatorNotifications,
+      language,
       showNsfw,
       showUriBarSuggestions,
       setClientSetting,
@@ -78,14 +152,14 @@ class SettingsPage extends React.PureComponent {
 
     return (
       <View style={settingsStyle.container}>
-        <PageHeader title={'Settings'} onBackPressed={() => navigateBack(navigation, drawerStack, popDrawerStack)} />
+        <PageHeader title={__('Settings')} onBackPressed={this.handleBackPressed} />
         <ScrollView style={settingsStyle.scrollContainer}>
-          <Text style={settingsStyle.sectionTitle}>Content</Text>
+          <Text style={settingsStyle.sectionTitle}>{__('Content')}</Text>
           <View style={settingsStyle.row}>
             <View style={settingsStyle.switchText}>
-              <Text style={settingsStyle.label}>Enable background media playback</Text>
+              <Text style={settingsStyle.label}>{__('Enable background media playback')}</Text>
               <Text style={settingsStyle.description}>
-                Enable this option to play audio or video in the background when the app is suspended.
+                {__('Enable this option to play audio or video in the background when the app is suspended.')}
               </Text>
             </View>
             <View style={settingsStyle.switchContainer}>
@@ -96,9 +170,30 @@ class SettingsPage extends React.PureComponent {
             </View>
           </View>
 
+          <Text style={settingsStyle.sectionTitle}>{__('Language')}</Text>
+          <View style={settingsStyle.pickerRow}>
+            <View style={settingsStyle.pickerText}>
+              <Text style={settingsStyle.label}>{__('Choose language')}</Text>
+            </View>
+            <View style={settingsStyle.pickerContainer}>
+              {this.state.downloadingLanguage && <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />}
+              <Picker
+                enabled={!this.state.downloadingLanguage}
+                selectedValue={language || 'default'}
+                style={settingsStyle.languagePicker}
+                itemStyle={settingsStyle.languagePickerItem}
+                onValueChange={this.handleLanguageValueChange}
+              >
+                {languageOptions.map(option => (
+                  <Picker.Item label={__(option.name)} value={option.code} key={option.code} />
+                ))}
+              </Picker>
+            </View>
+          </View>
+
           <View style={settingsStyle.row}>
             <View style={settingsStyle.switchText}>
-              <Text style={settingsStyle.label}>Show mature content</Text>
+              <Text style={settingsStyle.label}>{__('Show mature content')}</Text>
             </View>
             <View style={settingsStyle.switchContainer}>
               <Switch value={showNsfw} onValueChange={value => setClientSetting(SETTINGS.SHOW_NSFW, value)} />
@@ -169,10 +264,10 @@ class SettingsPage extends React.PureComponent {
           )}
 
           <View style={settingsStyle.sectionDivider} />
-          <Text style={settingsStyle.sectionTitle}>Search</Text>
+          <Text style={settingsStyle.sectionTitle}>{__('Search')}</Text>
           <View style={settingsStyle.row}>
             <View style={settingsStyle.switchText}>
-              <Text style={settingsStyle.label}>Show URL suggestions</Text>
+              <Text style={settingsStyle.label}>{__('Show URL suggestions')}</Text>
             </View>
             <View style={settingsStyle.switchContainer}>
               <Switch
@@ -183,13 +278,16 @@ class SettingsPage extends React.PureComponent {
           </View>
 
           <View style={settingsStyle.sectionDivider} />
-          <Text style={settingsStyle.sectionTitle}>Other</Text>
+          <Text style={settingsStyle.sectionTitle}>{__('Other')}</Text>
           <View style={settingsStyle.row}>
             <View style={settingsStyle.switchText}>
-              <Text style={settingsStyle.label}>Keep the daemon background service running after closing the app</Text>
+              <Text style={settingsStyle.label}>
+                {__('Keep the SDK background service running after closing the app')}
+              </Text>
               <Text style={settingsStyle.description}>
-                Enable this option for quicker app launch and to keep the synchronisation with the blockchain up to
-                date.
+                {__(
+                  'Enable this option for quicker app launch and to keep the synchronisation with the blockchain up to date.'
+                )}
               </Text>
             </View>
             <View style={settingsStyle.switchContainer}>
diff --git a/src/page/splash/index.js b/src/page/splash/index.js
index d402a70..f055135 100644
--- a/src/page/splash/index.js
+++ b/src/page/splash/index.js
@@ -1,5 +1,5 @@
 import { connect } from 'react-redux';
-import { doBalanceSubscribe, doUpdateBlockHeight, doPopulateSharedUserState, doToast } from 'lbry-redux';
+import { SETTINGS, doBalanceSubscribe, doUpdateBlockHeight, doPopulateSharedUserState, doToast } from 'lbry-redux';
 import {
   doAuthenticate,
   doBlackListedOutpointsSubscribe,
diff --git a/src/page/splash/view.js b/src/page/splash/view.js
index d4ab2ea..f3dddef 100644
--- a/src/page/splash/view.js
+++ b/src/page/splash/view.js
@@ -13,12 +13,10 @@ import PropTypes from 'prop-types';
 import Colors from 'styles/colors';
 import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import splashStyle from 'styles/splash';
+import RNFS from 'react-native-fs';
 
 const BLOCK_HEIGHT_INTERVAL = 1000 * 60 * 2.5; // every 2.5 minutes
 
-const testingNetwork = 'Testing network';
-const waitingForResolution = 'Waiting for name resolution';
-
 class SplashScreen extends React.PureComponent {
   static navigationOptions = {
     title: 'Splash',
@@ -27,8 +25,8 @@ class SplashScreen extends React.PureComponent {
   state = {
     accountUnlockFailed: false,
     daemonReady: false,
-    details: 'Starting up',
-    message: 'Connecting',
+    details: __('Starting up'),
+    message: __('Connecting'),
     isRunning: false,
     isLagging: false,
     launchUrl: null,
@@ -69,13 +67,13 @@ class SplashScreen extends React.PureComponent {
           try {
             verifyUserEmail(verification.token, verification.recaptcha);
           } catch (error) {
-            const message = 'Invalid Verification Token';
+            const message = __('Invalid Verification Token');
             verifyUserEmailFailure(message);
             notify({ message });
           }
         } else {
           notify({
-            message: 'Invalid Verification URI',
+            message: __('Invalid Verification URI'),
           });
         }
       } else {
@@ -195,16 +193,16 @@ class SplashScreen extends React.PureComponent {
         NativeModules.UtilityModule.getSecureValue(Constants.KEY_WALLET_PASSWORD).then(password => {
           if ((secureWalletStatus.is_encrypted && !secureWalletStatus.is_locked) || secureWalletStatus.is_locked) {
             this.setState({
-              message: 'Unlocking account',
-              details: 'Decrypting wallet',
+              message: __('Unlocking account'),
+              details: __('Decrypting wallet'),
             });
 
             // unlock the wallet and then finish the splash screen
             Lbry.wallet_unlock({ password: password || '' }).then(unlocked => {
               if (unlocked) {
                 this.setState({
-                  message: testingNetwork,
-                  details: waitingForResolution,
+                  message: __('Testing network'),
+                  details: __('Waiting for name resolution'),
                 });
                 this.finishSplashScreen();
               } else {
@@ -213,8 +211,8 @@ class SplashScreen extends React.PureComponent {
             });
           } else {
             this.setState({
-              message: testingNetwork,
-              details: waitingForResolution,
+              message: __('Testing network'),
+              details: __('Waiting for name resolution'),
             });
             this.finishSplashScreen();
           }
@@ -239,20 +237,20 @@ class SplashScreen extends React.PureComponent {
     if (blockchainHeaders && blockchainHeaders.downloading_headers) {
       const downloadProgress = blockchainHeaders.download_progress ? blockchainHeaders.download_progress : 0;
       this.setState({
-        message: 'Blockchain Sync',
-        details: `Catching up with the blockchain (${downloadProgress}%)`,
+        message: __('Blockchain Sync'),
+        details: `Catching up with the blockchain (${downloadProgress}%)`, // TODO: i18n tokenization
       });
     } else if (walletStatus && walletStatus.blocks_behind > 0) {
       const behind = walletStatus.blocks_behind;
-      const behindText = behind + ' block' + (behind === 1 ? '' : 's') + ' behind';
+      const behindText = behind + ' block' + (behind === 1 ? '' : 's') + ' behind'; // TODO: i18n tokenization
       this.setState({
-        message: 'Blockchain Sync',
+        message: __('Blockchain Sync'),
         details: behindText,
       });
     } else {
       this.setState({
-        message: 'Network Loading',
-        details: 'Initializing LBRY service',
+        message: __('Network Loading'),
+        details: __('Initializing LBRY service'),
       });
     }
 
@@ -292,9 +290,10 @@ class SplashScreen extends React.PureComponent {
           .catch(e => {
             this.setState({
               isLagging: true,
-              message: 'Connection Failure',
-              details:
-                'We could not establish a connection to the daemon. Your data connection may be preventing LBRY from connecting. Contact hello@lbry.com if you think this is a software bug.',
+              message: __('Connection Failure'),
+              details: __(
+                'We could not establish a connection to the SDK. Your data connection may be preventing LBRY from connecting. Contact hello@lbry.com if you think this is a software bug.'
+              ),
             });
           });
       });
@@ -315,8 +314,8 @@ class SplashScreen extends React.PureComponent {
     this.setState(
       {
         accountUnlockFailed: false,
-        message: testingNetwork,
-        details: waitingForResolution,
+        message: __('Testing network'),
+        details: __('Waiting for name resolution'),
       },
       () => this.finishSplashScreen()
     );
@@ -328,19 +327,22 @@ class SplashScreen extends React.PureComponent {
     if (accountUnlockFailed) {
       return (
         <View style={splashStyle.container}>
-          <Text style={splashStyle.errorTitle}>Oops! Something went wrong.</Text>
+          <Text style={splashStyle.errorTitle}>{__('Oops! Something went wrong.')}</Text>
           <Text style={splashStyle.paragraph}>
-            Your wallet failed to unlock, which means you may not be able to play any videos or access your funds.
+            {__(
+              'Your wallet failed to unlock, which means you may not be able to play any videos or access your funds.'
+            )}
           </Text>
           <Text style={splashStyle.paragraph}>
-            You can try to fix this by tapping Stop on the LBRY service notification and starting the app again. If the
-            problem continues, you may have to reinstall the app and restore your account.
+            {__(
+              'You can try to fix this by tapping Stop on the LBRY service notification and starting the app again. If the problem continues, you may have to reinstall the app and restore your account.'
+            )}
           </Text>
 
           <Button
             style={splashStyle.continueButton}
             theme={'light'}
-            text={'Continue anyway'}
+            text={__('Continue anyway')}
             onPress={this.handleContinueAnywayPressed}
           />
         </View>
diff --git a/src/page/subscriptions/view.js b/src/page/subscriptions/view.js
index 5a2eacb..97de6f9 100644
--- a/src/page/subscriptions/view.js
+++ b/src/page/subscriptions/view.js
@@ -11,7 +11,7 @@ import {
   View,
 } from 'react-native';
 import { buildURI, parseURI } from 'lbry-redux';
-import { __, getOrderBy } from 'utils/helper';
+import { getOrderBy } from 'utils/helper';
 import AsyncStorage from '@react-native-community/async-storage';
 import moment from 'moment';
 import Button from 'component/button';
@@ -149,7 +149,7 @@ class SubscriptionsPage extends React.PureComponent {
       <View style={subscriptionsStyle.container}>
         <UriBar navigation={navigation} belowOverlay={this.state.showSortPicker} />
         <View style={subscriptionsStyle.titleRow}>
-          <Text style={subscriptionsStyle.pageTitle}>Channels you follow</Text>
+          <Text style={subscriptionsStyle.pageTitle}>{__('Channels you follow')}</Text>
         </View>
         {!this.state.showingSuggestedSubs && hasSubscriptions && (
           <View style={subscriptionsStyle.pickerRow}>
@@ -158,7 +158,7 @@ class SubscriptionsPage extends React.PureComponent {
                 style={subscriptionsStyle.tagSortBy}
                 onPress={() => this.setState({ showSortPicker: true })}
               >
-                <Text style={subscriptionsStyle.tagSortText}>{currentSortByItem.label.split(' ')[0]}</Text>
+                <Text style={subscriptionsStyle.tagSortText}>{__(currentSortByItem.label.split(' ')[0])}</Text>
                 <Icon style={subscriptionsStyle.tagSortIcon} name={'sort-down'} size={14} />
               </TouchableOpacity>
 
@@ -167,7 +167,7 @@ class SubscriptionsPage extends React.PureComponent {
                   style={subscriptionsStyle.tagSortBy}
                   onPress={() => this.setState({ showTimePicker: true })}
                 >
-                  <Text style={subscriptionsStyle.tagSortText}>{timeItem.label}</Text>
+                  <Text style={subscriptionsStyle.tagSortText}>{__(timeItem.label)}</Text>
                   <Icon style={subscriptionsStyle.tagSortIcon} name={'sort-down'} size={14} />
                 </TouchableOpacity>
               )}
@@ -175,7 +175,7 @@ class SubscriptionsPage extends React.PureComponent {
 
             <Link
               style={subscriptionsStyle.suggestedLink}
-              text={'Suggested'}
+              text={__('Suggested')}
               onPress={() => this.setState({ showModalSuggestedSubs: true })}
             />
           </View>
@@ -207,7 +207,9 @@ class SubscriptionsPage extends React.PureComponent {
           <View style={subscriptionsStyle.suggestedSubsContainer}>
             {!hasSubscriptions && (
               <View style={subscriptionsStyle.infoArea}>
-                <Text style={subscriptionsStyle.infoText}>You are not subscribed to any channels at the moment.</Text>
+                <Text style={subscriptionsStyle.infoText}>
+                  {__('You are not subscribed to any channels at the moment.')}
+                </Text>
               </View>
             )}
 
@@ -218,7 +220,7 @@ class SubscriptionsPage extends React.PureComponent {
                 </Text>
                 <Button
                   style={subscriptionsStyle.button}
-                  text={'View my subscriptions'}
+                  text={__('View my subscriptions')}
                   onPress={() => this.setState({ showingSuggestedSubs: false })}
                 />
               </View>
diff --git a/src/page/tag/view.js b/src/page/tag/view.js
index ae87beb..cf860cb 100644
--- a/src/page/tag/view.js
+++ b/src/page/tag/view.js
@@ -105,12 +105,12 @@ class TagPage extends React.PureComponent {
         <View style={discoverStyle.pickerRow}>
           <View style={discoverStyle.leftPickerRow}>
             <TouchableOpacity style={discoverStyle.tagSortBy} onPress={() => this.setState({ showSortPicker: true })}>
-              <Text style={discoverStyle.tagSortText}>{sortByItem.label.split(' ')[0]}</Text>
+              <Text style={discoverStyle.tagSortText}>{__(sortByItem.label.split(' ')[0])}</Text>
               <Icon style={discoverStyle.tagSortIcon} name={'sort-down'} size={14} />
             </TouchableOpacity>
             {Constants.SORT_BY_TOP === sortByItem.name && (
               <TouchableOpacity style={discoverStyle.tagTime} onPress={() => this.setState({ showTimePicker: true })}>
-                <Text style={discoverStyle.tagSortText}>{timeItem.label}</Text>
+                <Text style={discoverStyle.tagSortText}>{__(timeItem.label)}</Text>
                 <Icon style={discoverStyle.tagSortIcon} name={'sort-down'} size={14} />
               </TouchableOpacity>
             )}
@@ -118,7 +118,7 @@ class TagPage extends React.PureComponent {
 
           <Link
             style={discoverStyle.customizeLink}
-            text={this.isFollowingTag(tag) ? 'Unfollow' : 'Follow'}
+            text={this.isFollowingTag(tag) ? __('Unfollow') : __('Follow')}
             onPress={this.handleFollowTagToggle}
           />
         </View>
diff --git a/src/page/transactionHistory/view.js b/src/page/transactionHistory/view.js
index 47d5a93..6ddd7a2 100644
--- a/src/page/transactionHistory/view.js
+++ b/src/page/transactionHistory/view.js
@@ -51,10 +51,12 @@ class TransactionHistoryPage extends React.PureComponent {
         {fetchingTransactions && (
           <View style={walletStyle.loadingContainer}>
             <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />
-            <Text style={walletStyle.loadingText}>Loading transactions...</Text>
+            <Text style={walletStyle.loadingText}>{__('Loading transactions...')}</Text>
           </View>
         )}
-        {!fetchingTransactions && transactions.length === 0 && <EmptyStateView message={'No transactions to list.'} />}
+        {!fetchingTransactions && transactions.length === 0 && (
+          <EmptyStateView message={__('No transactions to list.')} />
+        )}
         <ScrollView style={walletStyle.transactionHistoryScroll}>
           <View style={walletStyle.historyList}>
             {!fetchingTransactions && transactions && transactions.length > 0 && (
diff --git a/src/page/trending/view.js b/src/page/trending/view.js
index 33774c2..07e1b4d 100644
--- a/src/page/trending/view.js
+++ b/src/page/trending/view.js
@@ -92,7 +92,7 @@ class TrendingPage extends React.PureComponent {
     return (
       <View style={discoverStyle.listHeader}>
         <View style={discoverStyle.titleRow}>
-          <Text style={discoverStyle.pageTitle}>All content</Text>
+          <Text style={discoverStyle.pageTitle}>{__('All Content')}</Text>
         </View>
         <View style={discoverStyle.pickerRow}>
           <View style={discoverStyle.leftPickerRow}>
@@ -100,24 +100,24 @@ class TrendingPage extends React.PureComponent {
               style={discoverStyle.allTagSortBy}
               onPress={() => this.setState({ showSortPicker: true })}
             >
-              <Text style={discoverStyle.tagSortText}>{sortByItem.label.split(' ')[0]}</Text>
+              <Text style={discoverStyle.tagSortText}>{__(sortByItem.label.split(' ')[0])}</Text>
               <Icon style={discoverStyle.tagSortIcon} name={'sort-down'} size={14} />
             </TouchableOpacity>
 
-            <Text style={discoverStyle.pickerLabel}>for</Text>
+            <Text style={discoverStyle.pickerLabel}>{__('for')}</Text>
             <TouchableOpacity
               style={discoverStyle.allTagSortBy}
               onPress={() => this.setState({ showTrendingForPicker: true })}
             >
-              <Text style={discoverStyle.tagSortText}>{currentTrendingForItem.label.split(' ')[0]}</Text>
+              <Text style={discoverStyle.tagSortText}>{__(currentTrendingForItem.label.split(' ')[0])}</Text>
               <Icon style={discoverStyle.tagSortIcon} name={'sort-down'} size={14} />
             </TouchableOpacity>
 
-            {sortByTop && <Text style={discoverStyle.pickerLabel}>from</Text>}
+            {sortByTop && <Text style={discoverStyle.pickerLabel}>{__('from')}</Text>}
 
             {sortByTop && (
               <TouchableOpacity style={discoverStyle.tagTime} onPress={() => this.setState({ showTimePicker: true })}>
-                <Text style={discoverStyle.tagSortText}>{timeItem.label}</Text>
+                <Text style={discoverStyle.tagSortText}>{__(timeItem.label)}</Text>
                 <Icon style={discoverStyle.tagSortIcon} name={'sort-down'} size={14} />
               </TouchableOpacity>
             )}
@@ -126,7 +126,7 @@ class TrendingPage extends React.PureComponent {
           {TRENDING_FOR_ITEMS[1].name === currentTrendingForItem.name && (
             <Link
               style={discoverStyle.customizeLink}
-              text={'Customize'}
+              text={__('Customize')}
               onPress={() => this.setState({ showModalTagSelector: true })}
             />
           )}
@@ -170,7 +170,7 @@ class TrendingPage extends React.PureComponent {
         )}
         {showTrendingForPicker && (
           <ModalPicker
-            title={'Filter for'}
+            title={__('Filter for')}
             onOverlayPress={() => this.setState({ showTrendingForPicker: false })}
             onItemSelected={this.handleTrendingForItemSelected}
             selectedItem={currentTrendingForItem}
diff --git a/src/page/verification/internal/email-verify-page.js b/src/page/verification/internal/email-verify-page.js
index 97d2b87..ea71841 100644
--- a/src/page/verification/internal/email-verify-page.js
+++ b/src/page/verification/internal/email-verify-page.js
@@ -49,7 +49,7 @@ class EmailVerifyPage extends React.PureComponent {
         if (setEmailVerificationPhase) {
           setEmailVerificationPhase(true);
         }
-        // notify({ message: 'Please follow the instructions in the email sent to your address to continue.' });
+        // notify({ message: __('Please follow the instructions in the email sent to your address to continue.') });
         AsyncStorage.setItem(Constants.KEY_EMAIL_VERIFY_PENDING, 'true');
       }
     }
@@ -65,7 +65,7 @@ class EmailVerifyPage extends React.PureComponent {
     const { email } = this.state;
     if (!email || email.trim().length === 0 || email.indexOf('@') === -1) {
       return notify({
-        message: 'Please provide a valid email address to continue.',
+        message: __('Please provide a valid email address to continue.'),
       });
     }
 
@@ -89,7 +89,7 @@ class EmailVerifyPage extends React.PureComponent {
     // resend verification email if there was one previously set (and it wasn't changed)
     resendVerificationEmail(this.state.email);
     AsyncStorage.setItem(Constants.KEY_EMAIL_VERIFY_PENDING, 'true');
-    notify({ message: 'Please follow the instructions in the email sent to your address to continue.' });
+    notify({ message: __('Please follow the instructions in the email sent to your address to continue.') });
   };
 
   onEditPressed = () => {
@@ -110,7 +110,7 @@ class EmailVerifyPage extends React.PureComponent {
     return (
       <View style={firstRunStyle.container}>
         <Text style={rewardStyle.verificationTitle}>
-          {Constants.PHASE_COLLECTION === this.state.phase ? 'Email' : 'Verify Email'}
+          {Constants.PHASE_COLLECTION === this.state.phase ? __('Email') : __('Verify Email')}
         </Text>
         {Constants.PHASE_COLLECTION === this.state.phase && (
           <View>
@@ -138,7 +138,7 @@ class EmailVerifyPage extends React.PureComponent {
                 <Button
                   style={rewardStyle.verificationButton}
                   theme={'light'}
-                  text={'Send verification email'}
+                  text={__('Send verification email')}
                   onPress={this.onSendVerificationPressed}
                 />
               )}
@@ -162,10 +162,10 @@ class EmailVerifyPage extends React.PureComponent {
               <Button
                 style={rewardStyle.verificationButton}
                 theme={'light'}
-                text={'Resend'}
+                text={__('Resend')}
                 onPress={this.onResendPressed}
               />
-              <Link style={rewardStyle.verificationLink} text={'Edit'} onPress={this.onEditPressed} />
+              <Link style={rewardStyle.verificationLink} text={__('Edit')} onPress={this.onEditPressed} />
             </View>
           </View>
         )}
diff --git a/src/page/verification/internal/manual-verify-page.js b/src/page/verification/internal/manual-verify-page.js
index b95e1d3..7db8034 100644
--- a/src/page/verification/internal/manual-verify-page.js
+++ b/src/page/verification/internal/manual-verify-page.js
@@ -5,7 +5,7 @@ import AsyncStorage from '@react-native-community/async-storage';
 import Button from 'component/button';
 import Link from 'component/link';
 import Colors from 'styles/colors';
-import Constants from 'constants';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import firstRunStyle from 'styles/firstRun';
 import rewardStyle from 'styles/reward';
 
@@ -22,8 +22,9 @@ class ManualVerifyPage extends React.PureComponent {
       <View style={firstRunStyle.container}>
         <Text style={rewardStyle.verificationTitle}>Manual Reward Verification</Text>
         <Text style={firstRunStyle.spacedParagraph}>
-          This account must undergo review before you can participate in the rewards program. This can take anywhere
-          from several minutes to several days.
+          {__(
+            'This account must undergo review before you can participate in the rewards program. This can take anywhere from several minutes to several days.'
+          )}
         </Text>
         <Text style={firstRunStyle.spacedParagraph}>
           If you continue to see this message, please request to be verified on the{' '}
diff --git a/src/page/verification/internal/phone-verify-page.js b/src/page/verification/internal/phone-verify-page.js
index 5170c9e..13c4ce4 100644
--- a/src/page/verification/internal/phone-verify-page.js
+++ b/src/page/verification/internal/phone-verify-page.js
@@ -13,7 +13,7 @@ import {
 import AsyncStorage from '@react-native-community/async-storage';
 import Button from 'component/button';
 import Colors from 'styles/colors';
-import Constants from 'constants';
+import Constants from 'constants'; // eslint-disable-line node/no-deprecated-api
 import CountryPicker from 'react-native-country-picker-modal';
 import Icon from 'react-native-vector-icons/FontAwesome5';
 import Link from 'component/link';
@@ -149,10 +149,10 @@ class PhoneVerifyPage extends React.PureComponent {
         </Text>
 
         <View style={rewardStyle.phoneVerificationContainer}>
-          {this.state.phase == Constants.PHASE_COLLECTION && (
+          {this.state.phase === Constants.PHASE_COLLECTION && (
             <View>
               <Text style={[rewardStyle.bottomMarginMedium, firstRunStyle.paragraph]}>
-                Please provide a phone number to prevent fraud.
+                {__('Please provide a phone number to prevent fraud.')}
               </Text>
               <PhoneInput
                 ref={ref => {
@@ -237,9 +237,9 @@ class PhoneVerifyPage extends React.PureComponent {
             this.picker = picker;
           }}
           cca2={this.state.cca2}
-          filterable={true}
+          filterable
           onChange={value => this.selectCountry(value)}
-          showCallingCode={true}
+          showCallingCode
           translation="eng"
         >
           <View />
diff --git a/src/page/verification/internal/sync-verify-page.js b/src/page/verification/internal/sync-verify-page.js
index 41370c9..debee38 100644
--- a/src/page/verification/internal/sync-verify-page.js
+++ b/src/page/verification/internal/sync-verify-page.js
@@ -67,7 +67,7 @@ class SyncVerifyPage extends React.PureComponent {
 
     if (this.state.syncApplyStarted && !syncApplyIsPending) {
       if (syncApplyErrorMessage && syncApplyErrorMessage.trim().length > 0) {
-        notify({ message: syncApplyErrorMessage, isError: true });
+        notify({ message: __(syncApplyErrorMessage), isError: true });
         this.setState({ syncApplyStarted: false, autoLoginFlow: false });
       } else {
         // password successfully verified
@@ -111,7 +111,7 @@ class SyncVerifyPage extends React.PureComponent {
             navigation.goBack();
           } else {
             if (notifyUnlockFailed) {
-              notify({ message: 'The wallet could not be unlocked at this time. Please restart the app.' });
+              notify({ message: __('The wallet could not be unlocked at this time. Please restart the app.') });
             }
           }
         });
@@ -136,11 +136,11 @@ class SyncVerifyPage extends React.PureComponent {
     let paragraph;
     if (!hasSyncedWallet) {
       paragraph = (
-        <Text style={firstRunStyle.paragraph}>Please enter a password to secure your account and wallet.</Text>
+        <Text style={firstRunStyle.paragraph}>{__('Please enter a password to secure your account and wallet.')}</Text>
       );
     } else {
       paragraph = (
-        <Text style={firstRunStyle.paragraph}>Please enter the password you used to secure your wallet.</Text>
+        <Text style={firstRunStyle.paragraph}>{__('Please enter the password you used to secure your wallet.')}</Text>
       );
     }
 
@@ -149,7 +149,7 @@ class SyncVerifyPage extends React.PureComponent {
       content = (
         <View style={firstRunStyle.centered}>
           <ActivityIndicator size="large" color={Colors.White} style={firstRunStyle.waiting} />
-          <Text style={firstRunStyle.paragraph}>Retrieving your account information...</Text>
+          <Text style={firstRunStyle.paragraph}>{__('Retrieving your account information...')}</Text>
         </View>
       );
     } else if (this.state.autoLoginFlow && (syncApplyIsPending || this.state.syncApplyCompleted)) {
@@ -164,7 +164,7 @@ class SyncVerifyPage extends React.PureComponent {
     } else if (hasSyncedWallet && this.state.autoLoginAttempted) {
       content = (
         <View>
-          <Text style={rewardStyle.verificationTitle}>Wallet Sync</Text>
+          <Text style={rewardStyle.verificationTitle}>{__('Wallet Sync')}</Text>
           {paragraph}
           <View style={firstRunStyle.passwordInputContainer}>
             <TextInput
@@ -198,8 +198,8 @@ class SyncVerifyPage extends React.PureComponent {
             <View style={firstRunStyle.passwordWarning}>
               <Text style={firstRunStyle.passwordWarningText}>
                 {hasSyncedWallet
-                  ? 'If you did not provide a password, please press Use LBRY to continue.'
-                  : 'You can proceed without a password, but this is not recommended.'}
+                  ? __('If you did not provide a password, please press Use LBRY to continue.')
+                  : __('You can proceed without a password, but this is not recommended.')}
               </Text>
             </View>
           )}
@@ -214,7 +214,7 @@ class SyncVerifyPage extends React.PureComponent {
             </View>
           )}
           <Text style={firstRunStyle.infoParagraph}>
-            Note: for wallet security purposes, LBRY is unable to reset your password.
+            {__('Note: for wallet security purposes, LBRY is unable to reset your password.')}
           </Text>
 
           <View style={rewardStyle.buttonContainer}>
@@ -222,7 +222,7 @@ class SyncVerifyPage extends React.PureComponent {
               <Button
                 style={rewardStyle.verificationButton}
                 theme={'light'}
-                text={signInFlow ? 'Use LBRY' : 'Enable sync'}
+                text={signInFlow ? __('Use LBRY') : __('Enable sync')}
                 onPress={this.onEnableSyncPressed}
               />
             )}
diff --git a/src/styles/channelSelector.js b/src/styles/channelSelector.js
index 92cfb54..86804a0 100644
--- a/src/styles/channelSelector.js
+++ b/src/styles/channelSelector.js
@@ -11,6 +11,10 @@ const channelSelectorStyle = StyleSheet.create({
     height: 52,
     width: '100%',
   },
+  channelPickerItem: {
+    fontFamily: 'Inter-UI-Regular',
+    fontSize: 16,
+  },
   bidRow: {
     flex: 1,
     flexDirection: 'row',
diff --git a/src/styles/settings.js b/src/styles/settings.js
index 4e32797..1ea6c81 100644
--- a/src/styles/settings.js
+++ b/src/styles/settings.js
@@ -28,6 +28,14 @@ const settingsStyle = StyleSheet.create({
     width: '25%',
     justifyContent: 'center',
   },
+  pickerText: {
+    width: '40%',
+  },
+  pickerContainer: {
+    width: '60%',
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+  },
   label: {
     fontSize: 14,
     fontFamily: 'Inter-UI-Regular',
@@ -54,6 +62,20 @@ const settingsStyle = StyleSheet.create({
   sectionDivider: {
     marginTop: 24,
   },
+  languagePicker: {
+    width: '85%',
+  },
+  languagePickerItem: {
+    fontFamily: 'Inter-UI-Regular',
+    fontSize: 14,
+  },
+  pickerRow: {
+    marginBottom: 24,
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
 });
 
 export default settingsStyle;