LBRYCommunity/lbry-react-native
1
0
Fork 0
Code Issues Pull requests 12 Projects Releases Packages Wiki Activity

i18n all the strings (cont'd.)

Browse source
This commit is contained in:
Akinwale Ariwodola 2019-11-14 13:42:56 +01:00
parent 74ab2ecb93
commit 3798e49f27
26 changed files with 295 additions and 282 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
app-strings.json
View file

@ -1,32 +0,0 @@
{
"Content Interests": "Content Interests",
"Suggested channels": "Suggested channels",
"You might also like": "You might also like",
"Follow": "Follow",
"About": "About",
"Sign In": "Sign In",
"SIGN IN": "SIGN IN",
"FREE": "FREE",
"Anonymous": "Anonymous",
"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.",
"Without an account, you assume all responsibility for securing your wallet and LBRY data.": "Without an account, you assume all responsibility for securing your wallet and LBRY data.",
"Skip Account": "Skip Account",
"Sign Up": "Sign Up",
"Balance": "Balance",
"You currently have": "You currently have",
"Receive Credits": "Receive Credits",
"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).",
"Get new address": "Get new address",
"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.",
"Send Credits": "Send Credits",
"Recipient address": "Recipient address",
"Amount": "Amount",
"View All": "View All",
"Looks like you don't have any recent transactions.": "Looks like you don't have any recent transactions.",
"Wallet Sync": "Wallet Sync",
"Sync status": "Sync status",
"Off": "Off",
"Manual backup": "Manual backup",
"Sync FAQ": "Sync FAQ",
"Fetching transactions...": "Fetching transactions..."
}

38
src/page/about/view.js
View file

@ -67,7 +67,7 @@ class AboutPage extends React.PureComponent {
render() { render() {
const { accessToken, drawerStack, navigation, notify, popDrawerStack, userEmail } = this.props; const { accessToken, drawerStack, navigation, notify, popDrawerStack, userEmail } = this.props;
const loading = 'Loading...'; const loading = __('Loading...');
const ver = this.state.versionInfo ? this.state.versionInfo : null; const ver = this.state.versionInfo ? this.state.versionInfo : null;
return ( return (
@ -76,20 +76,20 @@ class AboutPage extends React.PureComponent {
<ScrollView style={aboutStyle.scrollContainer}> <ScrollView style={aboutStyle.scrollContainer}>
<Text style={aboutStyle.title}>Content Freedom</Text> <Text style={aboutStyle.title}>Content Freedom</Text>
<Text style={aboutStyle.paragraph}> <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. '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.'
Users will be able to find a wide selection of videos, music, ebooks and other digital content they are )}
interested in.
</Text> </Text>
<View style={aboutStyle.links}> <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/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/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" text={__('Frequently Asked Questions')} />
</View> </View>
<Text style={aboutStyle.socialTitle}>Get Social</Text> <Text style={aboutStyle.socialTitle}>Get Social</Text>
<Text style={aboutStyle.paragraph}> <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> </Text>
<View style={aboutStyle.links}> <View style={aboutStyle.links}>
<Link style={aboutStyle.link} href="https://discordapp.com/invite/Z3bERWA" text="Discord" /> <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://reddit.com/r/lbry" text="Reddit" />
<Link style={aboutStyle.link} href="https://t.me/lbryofficial" text="Telegram" /> <Link style={aboutStyle.link} href="https://t.me/lbryofficial" text="Telegram" />
</View> </View>
<Text style={aboutStyle.releaseInfoTitle}>App info</Text> <Text style={aboutStyle.releaseInfoTitle}>{__('App info')}</Text>
{userEmail && userEmail.trim().length > 0 && ( {userEmail && userEmail.trim().length > 0 && (
<View style={aboutStyle.verticalRow}> <View style={aboutStyle.verticalRow}>
<View style={aboutStyle.innerRow}> <View style={aboutStyle.innerRow}>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Text style={aboutStyle.text}>Connected email</Text> <Text style={aboutStyle.text}>{__('Connected email')}</Text>
</View> </View>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Text selectable style={aboutStyle.valueText}> <Text selectable style={aboutStyle.valueText}>
@ -116,7 +116,7 @@ class AboutPage extends React.PureComponent {
<Link <Link
style={aboutStyle.listLink} style={aboutStyle.listLink}
href={`http://lbry.com/list/edit/${accessToken}`} href={`http://lbry.com/list/edit/${accessToken}`}
text="Update mailing preferences" text={__('Update mailing preferences')}
/> />
</View> </View>
</View> </View>
@ -124,7 +124,7 @@ class AboutPage extends React.PureComponent {
<View style={aboutStyle.row}> <View style={aboutStyle.row}>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Text style={aboutStyle.text}>App version</Text> <Text style={aboutStyle.text}>{__('App version')}</Text>
</View> </View>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Text selectable style={aboutStyle.valueText}> <Text selectable style={aboutStyle.valueText}>
@ -135,7 +135,7 @@ class AboutPage extends React.PureComponent {
<View style={aboutStyle.row}> <View style={aboutStyle.row}>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Text style={aboutStyle.text}>LBRY SDK</Text> <Text style={aboutStyle.text}>{__('LBRY SDK')}</Text>
</View> </View>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Text selectable style={aboutStyle.valueText}> <Text selectable style={aboutStyle.valueText}>
@ -146,7 +146,7 @@ class AboutPage extends React.PureComponent {
<View style={aboutStyle.row}> <View style={aboutStyle.row}>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Text style={aboutStyle.text}>Platform</Text> <Text style={aboutStyle.text}>{__('Platform')}</Text>
</View> </View>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Text selectable style={aboutStyle.valueText}> <Text selectable style={aboutStyle.valueText}>
@ -157,7 +157,7 @@ class AboutPage extends React.PureComponent {
<View style={aboutStyle.row}> <View style={aboutStyle.row}>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Text style={aboutStyle.text}>Installation ID</Text> <Text style={aboutStyle.text}>{__('Installation ID')}</Text>
<Text selectable style={aboutStyle.lineValueText}> <Text selectable style={aboutStyle.lineValueText}>
{this.state.lbryId ? this.state.lbryId : loading} {this.state.lbryId ? this.state.lbryId : loading}
</Text> </Text>
@ -166,12 +166,12 @@ class AboutPage extends React.PureComponent {
<View style={aboutStyle.row}> <View style={aboutStyle.row}>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Text style={aboutStyle.text}>Logs</Text> <Text style={aboutStyle.text}>{__('Logs')}</Text>
</View> </View>
<View style={aboutStyle.col}> <View style={aboutStyle.col}>
<Link <Link
style={aboutStyle.listLink} style={aboutStyle.listLink}
text="Send log" text={__('Send log')}
onPress={() => { onPress={() => {
if (NativeModules.UtilityModule) { if (NativeModules.UtilityModule) {
NativeModules.UtilityModule.shareLogFile(error => { NativeModules.UtilityModule.shareLogFile(error => {

8
src/page/channel/view.js
View file

@ -121,7 +121,7 @@ class ChannelPage extends React.PureComponent {
return ( return (
<View style={channelPageStyle.aboutTab}> <View style={channelPageStyle.aboutTab}>
<View style={channelPageStyle.busyContainer}> <View style={channelPageStyle.busyContainer}>
<Text style={channelPageStyle.infoText}>No information to display.</Text> <Text style={channelPageStyle.infoText}>{__('No information to display.')}</Text>
</View> </View>
</View> </View>
); );
@ -131,21 +131,21 @@ class ChannelPage extends React.PureComponent {
return ( return (
<View style={channelPageStyle.aboutTab}> <View style={channelPageStyle.aboutTab}>
{!websiteUrl && !email && !description && ( {!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) && ( {(websiteUrl || email || description) && (
<ScrollView style={channelPageStyle.aboutScroll} contentContainerStyle={channelPageStyle.aboutScrollContent}> <ScrollView style={channelPageStyle.aboutScroll} contentContainerStyle={channelPageStyle.aboutScrollContent}>
{websiteUrl && websiteUrl.trim().length > 0 && ( {websiteUrl && websiteUrl.trim().length > 0 && (
<View style={channelPageStyle.aboutItem}> <View style={channelPageStyle.aboutItem}>
<Text style={channelPageStyle.aboutTitle}>Website</Text> <Text style={channelPageStyle.aboutTitle}>{__('Website')}</Text>
<Link style={channelPageStyle.aboutText} text={websiteUrl} href={websiteUrl} /> <Link style={channelPageStyle.aboutText} text={websiteUrl} href={websiteUrl} />
</View> </View>
)} )}
{email && email.trim().length > 0 && ( {email && email.trim().length > 0 && (
<View style={channelPageStyle.aboutItem}> <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}`} /> <Link style={channelPageStyle.aboutText} text={email} href={`mailto:${email}`} />
</View> </View>
)} )}

44
src/page/channelCreator/view.js
View file

@ -793,8 +793,8 @@ export default class ChannelCreator extends React.PureComponent {
{currentPhase === Constants.PHASE_LIST && !fetchingChannels && !hasChannels && ( {currentPhase === Constants.PHASE_LIST && !fetchingChannels && !hasChannels && (
<EmptyStateView <EmptyStateView
message={'You have not created a channel.\nStart now by creating a new channel!'} message={__('You have not created a channel.\nStart now by creating a new channel!')}
buttonText={'Create a channel'} buttonText={__('Create a channel')}
onButtonPress={this.handleNewChannelPress} onButtonPress={this.handleNewChannelPress}
/> />
)} )}
@ -807,7 +807,7 @@ export default class ChannelCreator extends React.PureComponent {
<View style={channelCreatorStyle.listFooter}> <View style={channelCreatorStyle.listFooter}>
<Button <Button
style={channelCreatorStyle.createChannelButton} style={channelCreatorStyle.createChannelButton}
text={'Create a channel'} text={__('Create a channel')}
onPress={this.handleNewChannelPress} onPress={this.handleNewChannelPress}
/> />
</View> </View>
@ -879,7 +879,7 @@ export default class ChannelCreator extends React.PureComponent {
{this.state.uploadingImage && ( {this.state.uploadingImage && (
<View style={channelCreatorStyle.uploadProgress}> <View style={channelCreatorStyle.uploadProgress}>
<ActivityIndicator size={'small'} color={Colors.NextLbryGreen} /> <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />
<Text style={channelCreatorStyle.uploadText}>Uploading image...</Text> <Text style={channelCreatorStyle.uploadText}>{__('Uploading image...')}</Text>
</View> </View>
)} )}
</TouchableOpacity> </TouchableOpacity>
@ -911,14 +911,14 @@ export default class ChannelCreator extends React.PureComponent {
<View style={channelCreatorStyle.textInputLayout}> <View style={channelCreatorStyle.textInputLayout}>
{(this.state.titleFocused || {(this.state.titleFocused ||
(this.state.newChannelTitle != null && this.state.newChannelTitle.trim().length > 0)) && ( (this.state.newChannelTitle != null && this.state.newChannelTitle.trim().length > 0)) && (
<Text style={channelCreatorStyle.textInputTitle}>Title</Text> <Text style={channelCreatorStyle.textInputTitle}>{__('Title')}</Text>
)} )}
<TextInput <TextInput
editable={canSave && !creatingChannel && !updatingChannel} editable={canSave && !creatingChannel && !updatingChannel}
style={channelCreatorStyle.inputText} style={channelCreatorStyle.inputText}
value={this.state.newChannelTitle} value={this.state.newChannelTitle}
onChangeText={this.handleNewChannelTitleChange} onChangeText={this.handleNewChannelTitleChange}
placeholder={this.state.titleFocused ? '' : 'Title'} placeholder={this.state.titleFocused ? '' : __('Title')}
underlineColorAndroid={Colors.NextLbryGreen} underlineColorAndroid={Colors.NextLbryGreen}
onFocus={() => this.setState({ titleFocused: true })} onFocus={() => this.setState({ titleFocused: true })}
onBlur={() => this.setState({ titleFocused: false })} onBlur={() => this.setState({ titleFocused: false })}
@ -928,7 +928,7 @@ export default class ChannelCreator extends React.PureComponent {
<View style={channelCreatorStyle.channelInputLayout}> <View style={channelCreatorStyle.channelInputLayout}>
{(this.state.channelNameFocused || {(this.state.channelNameFocused ||
(this.state.newChannelName != null && this.state.newChannelName.trim().length > 0)) && ( (this.state.newChannelName != null && this.state.newChannelName.trim().length > 0)) && (
<Text style={channelCreatorStyle.textInputTitle}>Channel</Text> <Text style={channelCreatorStyle.textInputTitle}>{__('Channel')}</Text>
)} )}
<View> <View>
<Text style={channelCreatorStyle.channelAt}>@</Text> <Text style={channelCreatorStyle.channelAt}>@</Text>
@ -937,7 +937,7 @@ export default class ChannelCreator extends React.PureComponent {
style={channelCreatorStyle.channelNameInput} style={channelCreatorStyle.channelNameInput}
value={this.state.newChannelName} value={this.state.newChannelName}
onChangeText={value => this.handleNewChannelNameChange(value, true)} onChangeText={value => this.handleNewChannelNameChange(value, true)}
placeholder={this.state.channelNameFocused ? '' : 'Channel'} placeholder={this.state.channelNameFocused ? '' : __('Channel')}
underlineColorAndroid={Colors.NextLbryGreen} underlineColorAndroid={Colors.NextLbryGreen}
onFocus={() => this.setState({ channelNameFocused: true })} onFocus={() => this.setState({ channelNameFocused: true })}
onBlur={() => this.setState({ channelNameFocused: false })} onBlur={() => this.setState({ channelNameFocused: false })}
@ -948,11 +948,13 @@ export default class ChannelCreator extends React.PureComponent {
<Text style={channelCreatorStyle.inlineError}>{newChannelNameError}</Text> <Text style={channelCreatorStyle.inlineError}>{newChannelNameError}</Text>
)} )}
{editMode && ( {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}> <View style={channelCreatorStyle.bidRow}>
<Text style={channelCreatorStyle.label}>Deposit</Text> <Text style={channelCreatorStyle.label}>{__('Deposit')}</Text>
<TextInput <TextInput
editable={canSave && !creatingChannel && !updatingChannel} editable={canSave && !creatingChannel && !updatingChannel}
style={channelCreatorStyle.bidAmountInput} style={channelCreatorStyle.bidAmountInput}
@ -965,7 +967,7 @@ export default class ChannelCreator extends React.PureComponent {
<Text style={channelCreatorStyle.currency}>LBC</Text> <Text style={channelCreatorStyle.currency}>LBC</Text>
</View> </View>
<Text style={channelCreatorStyle.helpText}> <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> </Text>
</View> </View>
@ -974,7 +976,7 @@ export default class ChannelCreator extends React.PureComponent {
<View style={channelCreatorStyle.textInputLayout}> <View style={channelCreatorStyle.textInputLayout}>
{(this.state.descriptionFocused || {(this.state.descriptionFocused ||
(this.state.description != null && this.state.description.trim().length > 0)) && ( (this.state.description != null && this.state.description.trim().length > 0)) && (
<Text style={channelCreatorStyle.textInputTitle}>Description</Text> <Text style={channelCreatorStyle.textInputTitle}>{__('Description')}</Text>
)} )}
<TextInput <TextInput
editable={canSave && !creatingChannel && !updatingChannel} editable={canSave && !creatingChannel && !updatingChannel}
@ -982,7 +984,7 @@ export default class ChannelCreator extends React.PureComponent {
multiline multiline
value={this.state.description} value={this.state.description}
onChangeText={this.handleDescriptionChange} onChangeText={this.handleDescriptionChange}
placeholder={this.state.descriptionFocused ? '' : 'Description'} placeholder={this.state.descriptionFocused ? '' : __('Description')}
underlineColorAndroid={Colors.NextLbryGreen} underlineColorAndroid={Colors.NextLbryGreen}
onFocus={() => this.setState({ descriptionFocused: true })} onFocus={() => this.setState({ descriptionFocused: true })}
onBlur={() => this.setState({ descriptionFocused: false })} onBlur={() => this.setState({ descriptionFocused: false })}
@ -992,14 +994,14 @@ export default class ChannelCreator extends React.PureComponent {
<View style={channelCreatorStyle.textInputLayout}> <View style={channelCreatorStyle.textInputLayout}>
{(this.state.websiteFocused || {(this.state.websiteFocused ||
(this.state.website != null && this.state.website.trim().length > 0)) && ( (this.state.website != null && this.state.website.trim().length > 0)) && (
<Text style={channelCreatorStyle.textInputTitle}>Website</Text> <Text style={channelCreatorStyle.textInputTitle}>{__('Website')}</Text>
)} )}
<TextInput <TextInput
editable={canSave && !creatingChannel && !updatingChannel} editable={canSave && !creatingChannel && !updatingChannel}
style={channelCreatorStyle.inputText} style={channelCreatorStyle.inputText}
value={this.state.website} value={this.state.website}
onChangeText={this.handleWebsiteChange} onChangeText={this.handleWebsiteChange}
placeholder={this.state.websiteFocused ? '' : 'Website'} placeholder={this.state.websiteFocused ? '' : __('Website')}
underlineColorAndroid={Colors.NextLbryGreen} underlineColorAndroid={Colors.NextLbryGreen}
onFocus={() => this.setState({ websiteFocused: true })} onFocus={() => this.setState({ websiteFocused: true })}
onBlur={() => this.setState({ websiteFocused: false })} onBlur={() => this.setState({ websiteFocused: false })}
@ -1008,14 +1010,14 @@ export default class ChannelCreator extends React.PureComponent {
<View style={channelCreatorStyle.textInputLayout}> <View style={channelCreatorStyle.textInputLayout}>
{(this.state.emailFocused || (this.state.email != null && this.state.email.trim().length > 0)) && ( {(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 <TextInput
editable={canSave && !creatingChannel && !updatingChannel} editable={canSave && !creatingChannel && !updatingChannel}
style={channelCreatorStyle.inputText} style={channelCreatorStyle.inputText}
value={this.state.email} value={this.state.email}
onChangeText={this.handleEmailChange} onChangeText={this.handleEmailChange}
placeholder={this.state.emailFocused ? '' : 'Email'} placeholder={this.state.emailFocused ? '' : __('Email')}
underlineColorAndroid={Colors.NextLbryGreen} underlineColorAndroid={Colors.NextLbryGreen}
onFocus={() => this.setState({ emailFocused: true })} onFocus={() => this.setState({ emailFocused: true })}
onBlur={() => this.setState({ emailFocused: false })} onBlur={() => this.setState({ emailFocused: false })}
@ -1026,7 +1028,7 @@ export default class ChannelCreator extends React.PureComponent {
{this.state.showOptionalFields && ( {this.state.showOptionalFields && (
<View style={channelCreatorStyle.card}> <View style={channelCreatorStyle.card}>
<Text style={channelCreatorStyle.cardTitle}>Tags</Text> <Text style={channelCreatorStyle.cardTitle}>{__('Tags')}</Text>
<View style={channelCreatorStyle.tagList}> <View style={channelCreatorStyle.tagList}>
{this.state.tags && {this.state.tags &&
this.state.tags.map(tag => ( this.state.tags.map(tag => (
@ -1050,7 +1052,7 @@ export default class ChannelCreator extends React.PureComponent {
<View style={channelCreatorStyle.toggleContainer}> <View style={channelCreatorStyle.toggleContainer}>
<Link <Link
text={this.state.showOptionalFields ? 'Hide optional fields' : 'Show optional fields'} text={this.state.showOptionalFields ? __('Hide optional fields') : __('Show optional fields')}
onPress={this.handleModePressed} onPress={this.handleModePressed}
style={channelCreatorStyle.modeLink} style={channelCreatorStyle.modeLink}
/> />
@ -1062,11 +1064,11 @@ export default class ChannelCreator extends React.PureComponent {
)} )}
{!creatingChannel && !updatingChannel && ( {!creatingChannel && !updatingChannel && (
<View style={channelCreatorStyle.buttons}> <View style={channelCreatorStyle.buttons}>
<Link style={channelCreatorStyle.cancelLink} text="Cancel" onPress={this.handleCreateCancel} /> <Link style={channelCreatorStyle.cancelLink} text={__('Cancel')} onPress={this.handleCreateCancel} />
<Button <Button
style={channelCreatorStyle.createButton} style={channelCreatorStyle.createButton}
disabled={!canSave || uploadingImage} disabled={!canSave || uploadingImage}
text={editMode ? 'Update' : 'Create'} text={editMode ? __('Update') : __('Create')}
onPress={this.handleCreateChannelClick} onPress={this.handleCreateChannelClick}
/> />
</View> </View>

20
src/page/discover/view.js
View file

@ -175,16 +175,18 @@ class DiscoverPage extends React.PureComponent {
if (!isNaN(lastShownTime) && !isNaN(lastShownCount)) { if (!isNaN(lastShownTime) && !isNaN(lastShownCount)) {
if (now > lastShownTime + Constants.RATING_REMINDER_INTERVAL * lastShownCount) { if (now > lastShownTime + Constants.RATING_REMINDER_INTERVAL * lastShownCount) {
Alert.alert( Alert.alert(
'Enjoying LBRY?', __('Enjoying LBRY?'),
'Are you enjoying your experience with the LBRY app? You can leave a review for us on the Play Store.', __(
'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'), 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: () => { onPress: () => {
setClientSetting(Constants.SETTING_RATING_REMINDER_DISABLED, 'true'); setClientSetting(Constants.SETTING_RATING_REMINDER_DISABLED, 'true');
Linking.openURL(Constants.PLAY_STORE_URL); Linking.openURL(Constants.PLAY_STORE_URL);
@ -211,7 +213,7 @@ class DiscoverPage extends React.PureComponent {
buildSections = () => { buildSections = () => {
return this.state.tagCollection.map(tags => ({ 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], data: [tags],
})); }));
}; };
@ -235,7 +237,7 @@ class DiscoverPage extends React.PureComponent {
handleTagPress = name => { handleTagPress = name => {
const { navigation, sortByItem } = this.props; const { navigation, sortByItem } = this.props;
if (name.toLowerCase() !== 'all tags you follow') { if (name.toLowerCase() !== __('all tags you follow')) {
navigation.navigate({ navigation.navigate({
routeName: Constants.DRAWER_ROUTE_TAG, routeName: Constants.DRAWER_ROUTE_TAG,
key: `tagPage`, key: `tagPage`,
@ -273,7 +275,7 @@ class DiscoverPage extends React.PureComponent {
<Link <Link
style={discoverStyle.customizeLink} style={discoverStyle.customizeLink}
text={'Customize'} text={__('Customize')}
onPress={() => this.setState({ showModalTagSelector: true })} onPress={() => this.setState({ showModalTagSelector: true })}
/> />
</View> </View>
@ -289,7 +291,7 @@ class DiscoverPage extends React.PureComponent {
return ( return (
<View style={discoverStyle.footer}> <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}> <View style={discoverStyle.footerTags}>
{remainingTags.map(tag => ( {remainingTags.map(tag => (
<Text <Text

10
src/page/downloads/view.js
View file

@ -116,12 +116,12 @@ class DownloadsPage extends React.PureComponent {
// show confirm alert // show confirm alert
Alert.alert( Alert.alert(
'Delete files', __('Delete files'),
'Are you sure you want to delete the selected content?', __('Are you sure you want to delete the selected content?'),
[ [
{ text: 'No' }, { text: __('No') },
{ {
text: 'Yes', text: __('Yes'),
onPress: () => { onPress: () => {
const uris = Object.keys(selectedClaimsMap); const uris = Object.keys(selectedClaimsMap);
uris.forEach(uri => { uris.forEach(uri => {
@ -156,7 +156,7 @@ class DownloadsPage extends React.PureComponent {
/> />
{!fetching && !hasDownloads && ( {!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}> <View style={downloadsStyle.subContainer}>

37
src/page/file/view.js
View file

@ -624,7 +624,7 @@ class FilePage extends React.PureComponent {
{isResolvingUri && ( {isResolvingUri && (
<View style={filePageStyle.busyContainer}> <View style={filePageStyle.busyContainer}>
<ActivityIndicator size="large" color={Colors.NextLbryGreen} /> <ActivityIndicator size="large" color={Colors.NextLbryGreen} />
<Text style={filePageStyle.infoText}>Loading decentralized data...</Text> <Text style={filePageStyle.infoText}>{__('Loading decentralized data...')}</Text>
</View> </View>
)} )}
{claim === null && !isResolvingUri && ( {claim === null && !isResolvingUri && (
@ -633,15 +633,15 @@ class FilePage extends React.PureComponent {
<EmptyStateView <EmptyStateView
message={ message={
isChannel isChannel
? 'It looks like you just created this channel. 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.' : __('It looks you just published this content. It will appear in a few minutes.')
} }
/> />
)} )}
{!ownedClaim && ( {!ownedClaim && (
<EmptyStateView <EmptyStateView
message={"There's nothing at this location."} message={__("There's nothing at this location.")}
buttonText={'Publish something here'} buttonText={__('Publish something here')}
onButtonPress={() => onButtonPress={() =>
navigation.navigate({ navigation.navigate({
routeName: Constants.DRAWER_ROUTE_PUBLISH, routeName: Constants.DRAWER_ROUTE_PUBLISH,
@ -679,10 +679,11 @@ class FilePage extends React.PureComponent {
<View style={filePageStyle.pageContainer}> <View style={filePageStyle.pageContainer}>
<View style={filePageStyle.dmcaContainer}> <View style={filePageStyle.dmcaContainer}>
<Text style={filePageStyle.dmcaText}> <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> </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> </View>
<UriBar value={uri} navigation={navigation} /> <UriBar value={uri} navigation={navigation} />
</View> </View>
@ -825,7 +826,7 @@ class FilePage extends React.PureComponent {
source={require('../../assets/gerbil-happy.png')} source={require('../../assets/gerbil-happy.png')}
/> />
<View style={filePageStyle.unspportedContentTextContainer}> <View style={filePageStyle.unspportedContentTextContainer}>
<Text style={filePageStyle.unsupportedContentTitle}>Unsupported Content</Text> <Text style={filePageStyle.unsupportedContentTitle}>{__('Unsupported Content')}</Text>
<Text style={filePageStyle.unsupportedContentText}> <Text style={filePageStyle.unsupportedContentText}>
Sorry, we are unable to display this content in the app. You can find the file named{' '} 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 <Text style={filePageStyle.unsupportedContentFilename}>{fileInfo.file_name}</Text> in your
@ -912,7 +913,7 @@ class FilePage extends React.PureComponent {
style={[filePageStyle.actionButton, filePageStyle.editButton]} style={[filePageStyle.actionButton, filePageStyle.editButton]}
theme={'light'} theme={'light'}
icon={'edit'} icon={'edit'}
text={'Edit'} text={__('Edit')}
onPress={this.onEditPressed} onPress={this.onEditPressed}
/> />
)} )}
@ -922,7 +923,7 @@ class FilePage extends React.PureComponent {
style={filePageStyle.actionButton} style={filePageStyle.actionButton}
theme={'light'} theme={'light'}
icon={'trash-alt'} icon={'trash-alt'}
text={'Delete'} text={__('Delete')}
onPress={this.onDeletePressed} onPress={this.onDeletePressed}
/> />
)} )}
@ -935,7 +936,7 @@ class FilePage extends React.PureComponent {
style={filePageStyle.actionButton} style={filePageStyle.actionButton}
icon={'stop'} icon={'stop'}
theme={'light'} theme={'light'}
text={'Stop Download'} text={__('Stop Download')}
onPress={this.onStopDownloadPressed} onPress={this.onStopDownloadPressed}
/> />
)} )}
@ -969,7 +970,7 @@ class FilePage extends React.PureComponent {
<View style={filePageStyle.largeButtonsRow}> <View style={filePageStyle.largeButtonsRow}>
<TouchableOpacity style={filePageStyle.largeButton} onPress={this.handleSharePress}> <TouchableOpacity style={filePageStyle.largeButton} onPress={this.handleSharePress}>
<Icon name={'share-alt'} size={20} style={filePageStyle.largeButtonIcon} /> <Icon name={'share-alt'} size={20} style={filePageStyle.largeButtonIcon} />
<Text style={filePageStyle.largeButtonText}>Share</Text> <Text style={filePageStyle.largeButtonText}>{__('Share')}</Text>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity <TouchableOpacity
@ -977,7 +978,7 @@ class FilePage extends React.PureComponent {
onPress={() => this.setState({ showTipView: true })} onPress={() => this.setState({ showTipView: true })}
> >
<Icon name={'gift'} size={20} style={filePageStyle.largeButtonIcon} /> <Icon name={'gift'} size={20} style={filePageStyle.largeButtonIcon} />
<Text style={filePageStyle.largeButtonText}>Tip</Text> <Text style={filePageStyle.largeButtonText}>{__('Tip')}</Text>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity <TouchableOpacity
@ -985,7 +986,7 @@ class FilePage extends React.PureComponent {
onPress={() => Linking.openURL(`https://lbry.com/dmca/${claim.claim_id}`)} onPress={() => Linking.openURL(`https://lbry.com/dmca/${claim.claim_id}`)}
> >
<Icon name={'flag'} size={20} style={filePageStyle.largeButtonIcon} /> <Icon name={'flag'} size={20} style={filePageStyle.largeButtonIcon} />
<Text style={filePageStyle.largeButtonText}>Report</Text> <Text style={filePageStyle.largeButtonText}>{__('Report')}</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
@ -1011,7 +1012,7 @@ class FilePage extends React.PureComponent {
)} )}
{!channelName && ( {!channelName && (
<Text style={filePageStyle.anonChannelName} selectable ellipsizeMode={'tail'}> <Text style={filePageStyle.anonChannelName} selectable ellipsizeMode={'tail'}>
Anonymous {__('Anonymous')}
</Text> </Text>
)} )}
<DateTime <DateTime
@ -1070,11 +1071,11 @@ class FilePage extends React.PureComponent {
{this.state.sendTipStarted && <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />} {this.state.sendTipStarted && <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />}
<Link <Link
style={[filePageStyle.link, filePageStyle.cancelTipLink]} style={[filePageStyle.link, filePageStyle.cancelTipLink]}
text={'Cancel'} text={__('Cancel')}
onPress={() => this.setState({ showTipView: false })} onPress={() => this.setState({ showTipView: false })}
/> />
<Button <Button
text={'Send a tip'} text={__('Send a tip')}
style={[filePageStyle.button, filePageStyle.sendButton]} style={[filePageStyle.button, filePageStyle.sendButton]}
disabled={!canSendTip || this.state.sendTipStarted} disabled={!canSendTip || this.state.sendTipStarted}
onPress={this.handleSendTip} onPress={this.handleSendTip}

8
src/page/firstRun/internal/email-collect-page.js
View file

@ -3,7 +3,7 @@ import { Lbry } from 'lbry-redux';
import { NativeModules, Platform, Text, TextInput, View } from 'react-native'; import { NativeModules, Platform, Text, TextInput, View } from 'react-native';
import AsyncStorage from '@react-native-community/async-storage'; import AsyncStorage from '@react-native-community/async-storage';
import Colors from 'styles/colors'; 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 firstRunStyle from 'styles/firstRun';
class EmailCollectPage extends React.PureComponent { class EmailCollectPage extends React.PureComponent {
@ -44,7 +44,7 @@ class EmailCollectPage extends React.PureComponent {
const content = ( const content = (
<View onLayout={() => onEmailViewLayout('collect')}> <View onLayout={() => onEmailViewLayout('collect')}>
<Text style={firstRunStyle.title}>Setup account</Text> <Text style={firstRunStyle.title}>{__('Setup account')}</Text>
<TextInput <TextInput
style={firstRunStyle.emailInput} style={firstRunStyle.emailInput}
placeholder={this.state.placeholder} placeholder={this.state.placeholder}
@ -64,10 +64,10 @@ class EmailCollectPage extends React.PureComponent {
}} }}
/> />
<Text style={firstRunStyle.paragraph}> <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>
<Text style={firstRunStyle.infoParagraph}> <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> </Text>
</View> </View>
); );

4
src/page/firstRun/internal/email-verify-page.js
View file

@ -4,7 +4,7 @@ import { ActivityIndicator, Linking, NativeModules, Platform, Switch, Text, Text
import AsyncStorage from '@react-native-community/async-storage'; import AsyncStorage from '@react-native-community/async-storage';
import Button from 'component/button'; import Button from 'component/button';
import Colors from 'styles/colors'; 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 Icon from 'react-native-vector-icons/FontAwesome5';
import firstRunStyle from 'styles/firstRun'; import firstRunStyle from 'styles/firstRun';
@ -13,7 +13,7 @@ class EmailVerifyPage extends React.PureComponent {
const { email, notify, resendVerificationEmail } = this.props; const { email, notify, resendVerificationEmail } = this.props;
resendVerificationEmail(email); resendVerificationEmail(email);
AsyncStorage.setItem(Constants.KEY_EMAIL_VERIFY_PENDING, 'true'); 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() { render() {

9
src/page/firstRun/internal/skip-account-page.js
View file

@ -28,10 +28,10 @@ class SkipAccountPage extends React.PureComponent {
<View onLayout={onSkipAccountViewLayout}> <View onLayout={onSkipAccountViewLayout}>
<View style={firstRunStyle.row}> <View style={firstRunStyle.row}>
<Icon name="exclamation-triangle" style={firstRunStyle.titleIcon} size={32} color={Colors.White} /> <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> </View>
<Text style={firstRunStyle.paragraph}> <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> </Text>
<View style={[firstRunStyle.row, firstRunStyle.confirmContainer]}> <View style={[firstRunStyle.row, firstRunStyle.confirmContainer]}>
@ -45,8 +45,9 @@ class SkipAccountPage extends React.PureComponent {
/> />
</View> </View>
<Text style={firstRunStyle.rowParagraph}> <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> </Text>
</View> </View>
</View> </View>

16
src/page/firstRun/internal/wallet-page.js
View file

@ -76,14 +76,16 @@ class WalletPage extends React.PureComponent {
content = ( content = (
<View style={firstRunStyle.centered}> <View style={firstRunStyle.centered}>
<ActivityIndicator size="large" color={Colors.White} style={firstRunStyle.waiting} /> <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> </View>
); );
} else if (syncApplyStarted || syncApplyIsPending) { } else if (syncApplyStarted || syncApplyIsPending) {
content = ( content = (
<View style={firstRunStyle.centered}> <View style={firstRunStyle.centered}>
<ActivityIndicator size="large" color={Colors.White} style={firstRunStyle.waiting} /> <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> </View>
); );
} else { } else {
@ -92,8 +94,8 @@ class WalletPage extends React.PureComponent {
<Text style={firstRunStyle.title}>Password</Text> <Text style={firstRunStyle.title}>Password</Text>
<Text style={firstRunStyle.paragraph}> <Text style={firstRunStyle.paragraph}>
{hasSyncedWallet {hasSyncedWallet
? 'Please enter the password you used to secure your wallet.' ? __('Please enter the password you used to secure your wallet.')
: 'Please enter a password to secure your account and wallet.'} : __('Please enter a password to secure your account and wallet.')}
</Text> </Text>
<View style={firstRunStyle.passwordInputContainer}> <View style={firstRunStyle.passwordInputContainer}>
<TextInput <TextInput
@ -126,8 +128,8 @@ class WalletPage extends React.PureComponent {
<View style={firstRunStyle.passwordWarning}> <View style={firstRunStyle.passwordWarning}>
<Text style={firstRunStyle.passwordWarningText}> <Text style={firstRunStyle.passwordWarningText}>
{hasSyncedWallet {hasSyncedWallet
? 'If you did not provide a password, please press Use LBRY to continue.' ? __('If you did not provide a password, please press Use LBRY to continue.')
: 'You can proceed without a password, but this is not recommended.'} : __('You can proceed without a password, but this is not recommended.')}
</Text> </Text>
</View> </View>
)} )}
@ -142,7 +144,7 @@ class WalletPage extends React.PureComponent {
</View> </View>
)} )}
<Text style={firstRunStyle.infoParagraph}> <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> </Text>
</View> </View>
); );

12
src/page/firstRun/internal/welcome-page.js
View file

@ -87,8 +87,9 @@ class WelcomePage extends React.PureComponent {
content = ( content = (
<View> <View>
<Text style={firstRunStyle.paragraph}> <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> </Text>
</View> </View>
); );
@ -96,7 +97,7 @@ class WelcomePage extends React.PureComponent {
content = ( content = (
<View style={firstRunStyle.centered}> <View style={firstRunStyle.centered}>
<ActivityIndicator size="large" color={Colors.White} style={firstRunStyle.waiting} /> <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> </View>
); );
} else { } else {
@ -104,8 +105,9 @@ class WelcomePage extends React.PureComponent {
<View onLayout={onWelcomePageLayout}> <View onLayout={onWelcomePageLayout}>
<Text style={firstRunStyle.title}>Welcome to LBRY.</Text> <Text style={firstRunStyle.title}>Welcome to LBRY.</Text>
<Text style={firstRunStyle.paragraph}> <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>
<Text style={[firstRunStyle.infoParagraph, firstRunStyle.tosParagraph]}> <Text style={[firstRunStyle.infoParagraph, firstRunStyle.tosParagraph]}>
By continuing, I agree to the{' '} By continuing, I agree to the{' '}

16
src/page/firstRun/view.js
View file

@ -99,7 +99,7 @@ class FirstRunScreen extends React.PureComponent {
if (unlocked) { if (unlocked) {
this.closeFinalPage(); this.closeFinalPage();
} else { } 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.') });
} }
} }
); );
@ -178,7 +178,7 @@ class FirstRunScreen extends React.PureComponent {
} }
if (Constants.FIRST_RUN_PAGE_SKIP_ACCOUNT === this.state.currentPage && !this.state.skipAccountConfirmed) { 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; return;
} }
@ -204,7 +204,7 @@ class FirstRunScreen extends React.PureComponent {
// validate the email // validate the email
if (!email || email.indexOf('@') === -1) { if (!email || email.indexOf('@') === -1) {
return notify({ return notify({
message: 'Please provide a valid email address to continue.', message: __('Please provide a valid email address to continue.'),
}); });
} }
@ -410,27 +410,27 @@ class FirstRunScreen extends React.PureComponent {
<Text style={firstRunStyle.buttonText}> <Text style={firstRunStyle.buttonText}>
«{' '} «{' '}
{Constants.FIRST_RUN_PAGE_SKIP_ACCOUNT === this.state.currentPage {Constants.FIRST_RUN_PAGE_SKIP_ACCOUNT === this.state.currentPage
? 'Setup account' ? __('Setup account')
: 'Change email'} : __('Change email')}
</Text> </Text>
</TouchableOpacity> </TouchableOpacity>
)} )}
{!emailNewPending && Constants.FIRST_RUN_PAGE_EMAIL_COLLECT === this.state.currentPage && ( {!emailNewPending && Constants.FIRST_RUN_PAGE_EMAIL_COLLECT === this.state.currentPage && (
<TouchableOpacity style={firstRunStyle.leftButton} onPress={this.handleLeftButtonPressed}> <TouchableOpacity style={firstRunStyle.leftButton} onPress={this.handleLeftButtonPressed}>
<Text style={firstRunStyle.smallLeftButtonText}>No, thanks »</Text> <Text style={firstRunStyle.smallLeftButtonText}>{__('No, thanks')} »</Text>
</TouchableOpacity> </TouchableOpacity>
)} )}
{!emailNewPending && ( {!emailNewPending && (
<TouchableOpacity style={firstRunStyle.button} onPress={this.handleContinuePressed}> <TouchableOpacity style={firstRunStyle.button} onPress={this.handleContinuePressed}>
{Constants.FIRST_RUN_PAGE_SKIP_ACCOUNT === this.state.currentPage && ( {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_SKIP_ACCOUNT !== this.state.currentPage &&
Constants.FIRST_RUN_PAGE_EMAIL_VERIFY !== this.state.currentPage && ( Constants.FIRST_RUN_PAGE_EMAIL_VERIFY !== this.state.currentPage && (
<Text style={firstRunStyle.buttonText}> <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> </Text>
)} )}
</TouchableOpacity> </TouchableOpacity>

159
src/page/publish/view.js
View file

@ -48,31 +48,31 @@ import publishStyle from 'styles/publish';
import { navigateToUri, logPublish, uploadImageAsset } from 'utils/helper'; import { navigateToUri, logPublish, uploadImageAsset } from 'utils/helper';
const languages = { const languages = {
en: 'English', en: __('English'),
zh: 'Chinese', zh: __('Chinese'),
fr: 'French', fr: __('French'),
de: 'German', de: __('German'),
jp: 'Japanese', jp: __('Japanese'),
ru: 'Russian', ru: __('Russian'),
es: 'Spanish', es: __('Spanish'),
id: 'Indonesian', id: __('Indonesian'),
it: 'Italian', it: __('Italian'),
nl: 'Dutch', nl: __('Dutch'),
tr: 'Turkish', tr: __('Turkish'),
pl: 'Polish', pl: __('Polish'),
ms: 'Malay', ms: __('Malay'),
pt: 'Portuguese', pt: __('Portuguese'),
vi: 'Vietnamese', vi: __('Vietnamese'),
th: 'Thai', th: __('Thai'),
ar: 'Arabic', ar: __('Arabic'),
cs: 'Czech', cs: __('Czech'),
hr: 'Croatian', hr: __('Croatian'),
km: 'Cambodian', km: __('Cambodian'),
ko: 'Korean', ko: __('Korean'),
no: 'Norwegian', no: __('Norwegian'),
ro: 'Romanian', ro: __('Romanian'),
hi: 'Hindi', hi: __('Hindi'),
el: 'Greek', el: __('Greek'),
}; };
class PublishPage extends React.PureComponent { class PublishPage extends React.PureComponent {
@ -345,7 +345,7 @@ class PublishPage extends React.PureComponent {
if (balance < Constants.MINIMUM_TRANSACTION_BALANCE) { if (balance < Constants.MINIMUM_TRANSACTION_BALANCE) {
notify({ 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) { if (this.scrollView) {
this.scrollView.scrollTo({ x: 0, y: 0, animated: true }); this.scrollView.scrollTo({ x: 0, y: 0, animated: true });
@ -354,18 +354,18 @@ class PublishPage extends React.PureComponent {
} }
if (!title || title.trim().length === 0) { if (!title || title.trim().length === 0) {
notify({ message: 'Please provide a title' }); notify({ message: __('Please provide a title') });
return; return;
} }
if (!name) { 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; return;
} }
if (!currentMedia && !editMode) { if (!currentMedia && !editMode) {
// sanity check. normally shouldn't happen // 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; return;
} }
@ -403,7 +403,7 @@ class PublishPage extends React.PureComponent {
pendingPublishSuccess(pendingClaim); pendingPublishSuccess(pendingClaim);
notify({ 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(); clearPublishFormState();
this.setState({ publishStarted: false }); this.setState({ publishStarted: false });
@ -553,7 +553,7 @@ class PublishPage extends React.PureComponent {
handleThumbnailUploadFailure = err => { handleThumbnailUploadFailure = err => {
const { notify } = this.props; const { notify } = this.props;
this.setState({ uploadThumbnailStarted: false }); 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 => { onFilePicked = evt => {
@ -586,7 +586,7 @@ class PublishPage extends React.PureComponent {
} }
} else { } else {
// could not determine the file path // 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)) { if (!isNameValid(name, false)) {
notify({ message: 'Your content address contains invalid characters' }); notify({ message: __('Your content address contains invalid characters') });
return; return;
} }
@ -731,7 +731,7 @@ class PublishPage extends React.PureComponent {
updatePublishFormState({ tags: newTags }); updatePublishFormState({ tags: newTags });
this.setState({ tags: newTags }); this.setState({ tags: newTags });
} else { } 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; const { notify } = this.props;
if (this.state.thumbnailImagePickerOpen || this.state.uploadThumbnailStarted) { if (this.state.thumbnailImagePickerOpen || this.state.uploadThumbnailStarted) {
if (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; return;
} }
@ -913,7 +913,7 @@ class PublishPage extends React.PureComponent {
onPress={this.handleRecordVideoPressed} onPress={this.handleRecordVideoPressed}
> >
<Icon name="video" size={48} color={Colors.White} /> <Icon name="video" size={48} color={Colors.White} />
<Text style={publishStyle.actionText}>Record</Text> <Text style={publishStyle.actionText}>{__('Record')}</Text>
</TouchableOpacity> </TouchableOpacity>
<View style={publishStyle.subActions}> <View style={publishStyle.subActions}>
<TouchableOpacity <TouchableOpacity
@ -924,11 +924,11 @@ class PublishPage extends React.PureComponent {
onPress={this.handleTakePhotoPressed} onPress={this.handleTakePhotoPressed}
> >
<Icon name="camera" size={48} color={Colors.White} /> <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>
<TouchableOpacity style={publishStyle.upload} onPress={this.handleUploadPressed}> <TouchableOpacity style={publishStyle.upload} onPress={this.handleUploadPressed}>
<Icon name="file-upload" size={48} color={Colors.White} /> <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> </TouchableOpacity>
</View> </View>
</View> </View>
@ -936,13 +936,13 @@ class PublishPage extends React.PureComponent {
{(loadingVideos || !allThumbnailsChecked) && ( {(loadingVideos || !allThumbnailsChecked) && (
<View style={publishStyle.loadingView}> <View style={publishStyle.loadingView}>
<ActivityIndicator size="small" color={Colors.NextLbryGreen} /> <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> </View>
)} )}
{!loadingVideos && (!videos || videos.length === 0) && ( {!loadingVideos && (!videos || videos.length === 0) && (
<View style={publishStyle.relativeCentered}> <View style={publishStyle.relativeCentered}>
<Text style={publishStyle.noVideos}> <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> </Text>
</View> </View>
)} )}
@ -994,7 +994,7 @@ class PublishPage extends React.PureComponent {
{this.state.uploadThumbnailStarted && ( {this.state.uploadThumbnailStarted && (
<View style={publishStyle.thumbnailUploadContainer}> <View style={publishStyle.thumbnailUploadContainer}>
<ActivityIndicator size={'small'} color={Colors.NextLbryGreen} /> <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />
<Text style={publishStyle.thumbnailUploadText}>Uploading thumbnail...</Text> <Text style={publishStyle.thumbnailUploadText}>{__('Uploading thumbnail...')}</Text>
</View> </View>
)} )}
</TouchableOpacity> </TouchableOpacity>
@ -1003,11 +1003,11 @@ class PublishPage extends React.PureComponent {
<View style={publishStyle.card}> <View style={publishStyle.card}>
<View style={publishStyle.textInputLayout}> <View style={publishStyle.textInputLayout}>
{(this.state.titleFocused || (this.state.title != null && this.state.title.trim().length > 0)) && ( {(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 <TextInput
editable={this.state.canPublish && !this.state.publishStarted} editable={this.state.canPublish && !this.state.publishStarted}
placeholder={this.state.titleFocused ? '' : 'Title'} placeholder={this.state.titleFocused ? '' : __('Title')}
style={publishStyle.inputText} style={publishStyle.inputText}
value={this.state.title} value={this.state.title}
numberOfLines={1} numberOfLines={1}
@ -1021,12 +1021,12 @@ class PublishPage extends React.PureComponent {
<View style={publishStyle.textInputLayout}> <View style={publishStyle.textInputLayout}>
{(this.state.descriptionFocused || {(this.state.descriptionFocused ||
(this.state.description != null && this.state.description.trim().length > 0)) && ( (this.state.description != null && this.state.description.trim().length > 0)) && (
<Text style={publishStyle.textInputTitle}>Description</Text> <Text style={publishStyle.textInputTitle}>{__('Description')}</Text>
)} )}
<TextInput <TextInput
editable={this.state.canPublish && !this.state.publishStarted} editable={this.state.canPublish && !this.state.publishStarted}
multiline multiline
placeholder={this.state.descriptionFocused ? '' : 'Description'} placeholder={this.state.descriptionFocused ? '' : __('Description')}
style={publishStyle.inputText} style={publishStyle.inputText}
value={this.state.description} value={this.state.description}
underlineColorAndroid={Colors.NextLbryGreen} underlineColorAndroid={Colors.NextLbryGreen}
@ -1038,7 +1038,7 @@ class PublishPage extends React.PureComponent {
</View> </View>
<View style={publishStyle.card}> <View style={publishStyle.card}>
<Text style={publishStyle.cardTitle}>Tags</Text> <Text style={publishStyle.cardTitle}>{__('Tags')}</Text>
<View style={publishStyle.tagList}> <View style={publishStyle.tagList}>
{this.state.tags && {this.state.tags &&
this.state.tags.map(tag => ( this.state.tags.map(tag => (
@ -1055,7 +1055,7 @@ class PublishPage extends React.PureComponent {
</View> </View>
<View style={publishStyle.card}> <View style={publishStyle.card}>
<Text style={publishStyle.cardTitle}>Channel</Text> <Text style={publishStyle.cardTitle}>{__('Channel')}</Text>
<ChannelSelector <ChannelSelector
enabled={this.state.canPublish && !this.state.publishStarted} enabled={this.state.canPublish && !this.state.publishStarted}
@ -1066,14 +1066,16 @@ class PublishPage extends React.PureComponent {
<View style={publishStyle.card}> <View style={publishStyle.card}>
<View style={publishStyle.titleRow}> <View style={publishStyle.titleRow}>
<Text style={publishStyle.cardTitle}>Price</Text> <Text style={publishStyle.cardTitle}>{__('Price')}</Text>
<View style={publishStyle.switchTitleRow}> <View style={publishStyle.switchTitleRow}>
<Switch value={this.state.priceSet} onValueChange={value => this.setState({ priceSet: value })} /> <Switch value={this.state.priceSet} onValueChange={value => this.setState({ priceSet: value })} />
</View> </View>
</View> </View>
{!this.state.priceSet && ( {!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 && ( {this.state.priceSet && (
@ -1103,11 +1105,13 @@ class PublishPage extends React.PureComponent {
</View> </View>
<View style={publishStyle.card}> <View style={publishStyle.card}>
<Text style={publishStyle.cardTitle}>Content address</Text> <Text style={publishStyle.cardTitle}>{__('Content address')}</Text>
<Text style={publishStyle.helpText}> <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 && {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> </Text>
<TextInput <TextInput
@ -1132,14 +1136,16 @@ class PublishPage extends React.PureComponent {
/> />
<Text style={publishStyle.currency}>LBC</Text> <Text style={publishStyle.currency}>LBC</Text>
</View> </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> </View>
{this.state.advancedMode && ( {this.state.advancedMode && (
<View style={publishStyle.card}> <View style={publishStyle.card}>
<Text style={publishStyle.cardTitle}>Additional Options</Text> <Text style={publishStyle.cardTitle}>{__('Additional Options')}</Text>
<View> <View>
<Text style={publishStyle.cardText}>Language</Text> <Text style={publishStyle.cardText}>{__('Language')}</Text>
<Picker <Picker
enabled={this.state.canPublish && !this.state.publishStarted} enabled={this.state.canPublish && !this.state.publishStarted}
selectedValue={this.state.language} selectedValue={this.state.language}
@ -1154,7 +1160,7 @@ class PublishPage extends React.PureComponent {
</View> </View>
<View> <View>
<Text style={publishStyle.cardText}>License</Text> <Text style={publishStyle.cardText}>{__('License')}</Text>
<Picker <Picker
enabled={this.state.canPublish && !this.state.publishStarted} enabled={this.state.canPublish && !this.state.publishStarted}
selectedValue={this.state.license} selectedValue={this.state.license}
@ -1162,18 +1168,22 @@ class PublishPage extends React.PureComponent {
itemStyle={publishStyle.pickerItem} itemStyle={publishStyle.pickerItem}
onValueChange={this.handleLicenseValueChange} onValueChange={this.handleLicenseValueChange}
> >
<Picker.Item label={'None'} value={LICENSES.NONE} key={LICENSES.NONE} /> <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={__('Public Domain')}
value={LICENSES.PUBLIC_DOMAIN}
key={LICENSES.PUBLIC_DOMAIN}
/>
{LICENSES.CC_LICENSES.map(({ value, url }) => ( {LICENSES.CC_LICENSES.map(({ value, url }) => (
<Picker.Item label={value} value={value} key={value} /> <Picker.Item label={value} value={value} key={value} />
))} ))}
<Picker.Item label={'Copyrighted...'} value={LICENSES.COPYRIGHT} key={LICENSES.COPYRIGHT} /> <Picker.Item label={__('Copyrighted...')} value={LICENSES.COPYRIGHT} key={LICENSES.COPYRIGHT} />
<Picker.Item label={'Other...'} value={LICENSES.OTHER} key={LICENSES.OTHER} /> <Picker.Item label={__('Other...')} value={LICENSES.OTHER} key={LICENSES.OTHER} />
</Picker> </Picker>
{[LICENSES.COPYRIGHT, LICENSES.OTHER].includes(this.state.license) && ( {[LICENSES.COPYRIGHT, LICENSES.OTHER].includes(this.state.license) && (
<TextInput <TextInput
editable={this.state.canPublish && !this.state.publishStarted} editable={this.state.canPublish && !this.state.publishStarted}
placeholder={'License description'} placeholder={__('License description')}
style={publishStyle.inputText} style={publishStyle.inputText}
underlineColorAndroid={Colors.NextLbryGreen} underlineColorAndroid={Colors.NextLbryGreen}
numberOfLines={1} numberOfLines={1}
@ -1187,7 +1197,7 @@ class PublishPage extends React.PureComponent {
<View style={publishStyle.toggleContainer}> <View style={publishStyle.toggleContainer}>
<Link <Link
text={this.state.advancedMode ? 'Hide extra fields' : 'Show extra fields'} text={this.state.advancedMode ? __('Hide extra fields') : __('Show extra fields')}
onPress={this.handleModePressed} onPress={this.handleModePressed}
style={publishStyle.modeLink} style={publishStyle.modeLink}
/> />
@ -1201,7 +1211,7 @@ class PublishPage extends React.PureComponent {
)} )}
{!this.state.publishStarted && ( {!this.state.publishStarted && (
<Link style={publishStyle.cancelLink} text="Cancel" onPress={() => this.showSelector()} /> <Link style={publishStyle.cancelLink} text={__('Cancel')} onPress={() => this.showSelector()} />
)} )}
{!this.state.publishStarted && ( {!this.state.publishStarted && (
@ -1209,7 +1219,7 @@ class PublishPage extends React.PureComponent {
<Button <Button
style={publishStyle.publishButton} style={publishStyle.publishButton}
disabled={this.state.uploadThumbnailStarted} disabled={this.state.uploadThumbnailStarted}
text={this.state.editMode ? 'Save changes' : 'Publish'} text={this.state.editMode ? __('Save changes') : __('Publish')}
onPress={this.handlePublishPressed} onPress={this.handlePublishPressed}
/> />
</View> </View>
@ -1221,8 +1231,10 @@ class PublishPage extends React.PureComponent {
content = ( content = (
<ScrollView style={publishStyle.publishDetails}> <ScrollView style={publishStyle.publishDetails}>
<View style={publishStyle.successContainer}> <View style={publishStyle.successContainer}>
<Text style={publishStyle.successTitle}>Success!</Text> <Text style={publishStyle.successTitle}>{__('Success!')}</Text>
<Text style={publishStyle.successText}>Congratulations! Your content was successfully uploaded.</Text> <Text style={publishStyle.successText}>
{__('Congratulations! Your content was successfully uploaded.')}
</Text>
<View style={publishStyle.successRow}> <View style={publishStyle.successRow}>
<Link <Link
style={publishStyle.successUrl} style={publishStyle.successUrl}
@ -1232,19 +1244,24 @@ class PublishPage extends React.PureComponent {
<TouchableOpacity <TouchableOpacity
onPress={() => { onPress={() => {
Clipboard.setString(this.state.uri); Clipboard.setString(this.state.uri);
notify({ message: 'Copied.' }); notify({ message: __('Copied.') });
}} }}
> >
<Icon name="clipboard" size={24} color={Colors.LbryGreen} /> <Icon name="clipboard" size={24} color={Colors.LbryGreen} />
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<Text style={publishStyle.successText}> <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> </Text>
</View> </View>
<View style={publishStyle.actionButtons}> <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> </View>
</ScrollView> </ScrollView>
); );
@ -1282,7 +1299,7 @@ class PublishPage extends React.PureComponent {
}} }}
notAuthorizedView={ notAuthorizedView={
<View style={publishStyle.fullCentered}> <View style={publishStyle.fullCentered}>
<Text style={publishStyle.cameraInfo}>Camera not authorized</Text> <Text style={publishStyle.cameraInfo}>{__('Camera not authorized')}</Text>
</View> </View>
} }
/> />

9
src/page/rewards/view.js
View file

@ -106,7 +106,8 @@ class RewardsPage extends React.PureComponent {
<View style={[rewardStyle.card, rewardStyle.verification]}> <View style={[rewardStyle.card, rewardStyle.verification]}>
<Text style={rewardStyle.title}>Manual Reward Verification</Text> <Text style={rewardStyle.title}>Manual Reward Verification</Text>
<Text style={rewardStyle.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 <Link
style={rewardStyle.greenLink} style={rewardStyle.greenLink}
href="https://discordapp.com/invite/Z3bERWA" href="https://discordapp.com/invite/Z3bERWA"
@ -129,13 +130,15 @@ class RewardsPage extends React.PureComponent {
return ( return (
<View style={rewardStyle.busyContainer}> <View style={rewardStyle.busyContainer}>
<ActivityIndicator size="large" color={Colors.NextLbryGreen} /> <ActivityIndicator size="large" color={Colors.NextLbryGreen} />
<Text style={rewardStyle.infoText}>Fetching rewards...</Text> <Text style={rewardStyle.infoText}>{__('Fetching rewards...')}</Text>
</View> </View>
); );
} else if (user === null) { } else if (user === null) {
return ( return (
<View style={rewardStyle.busyContainer}> <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> </View>
); );
} }

2
src/page/search/view.js
View file

@ -143,7 +143,7 @@ class SearchPage extends React.PureComponent {
{showTagResult && ( {showTagResult && (
<TouchableOpacity style={searchStyle.tagResultItem} onPress={() => this.handleTagResultPressed(query)}> <TouchableOpacity style={searchStyle.tagResultItem} onPress={() => this.handleTagResultPressed(query)}>
<Text style={searchStyle.tagResultTitle}>#{query.toLowerCase()}</Text> <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> </TouchableOpacity>
)} )}
</View> </View>

28
src/page/settings/view.js
View file

@ -78,14 +78,17 @@ class SettingsPage extends React.PureComponent {
return ( return (
<View style={settingsStyle.container}> <View style={settingsStyle.container}>
<PageHeader title={'Settings'} onBackPressed={() => navigateBack(navigation, drawerStack, popDrawerStack)} /> <PageHeader
title={__('Settings')}
onBackPressed={() => navigateBack(navigation, drawerStack, popDrawerStack)}
/>
<ScrollView style={settingsStyle.scrollContainer}> <ScrollView style={settingsStyle.scrollContainer}>
<Text style={settingsStyle.sectionTitle}>Content</Text> <Text style={settingsStyle.sectionTitle}>{__('Content')}</Text>
<View style={settingsStyle.row}> <View style={settingsStyle.row}>
<View style={settingsStyle.switchText}> <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}> <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> </Text>
</View> </View>
<View style={settingsStyle.switchContainer}> <View style={settingsStyle.switchContainer}>
@ -98,7 +101,7 @@ class SettingsPage extends React.PureComponent {
<View style={settingsStyle.row}> <View style={settingsStyle.row}>
<View style={settingsStyle.switchText}> <View style={settingsStyle.switchText}>
<Text style={settingsStyle.label}>Show mature content</Text> <Text style={settingsStyle.label}>{__('Show mature content')}</Text>
</View> </View>
<View style={settingsStyle.switchContainer}> <View style={settingsStyle.switchContainer}>
<Switch value={showNsfw} onValueChange={value => setClientSetting(SETTINGS.SHOW_NSFW, value)} /> <Switch value={showNsfw} onValueChange={value => setClientSetting(SETTINGS.SHOW_NSFW, value)} />
@ -169,10 +172,10 @@ class SettingsPage extends React.PureComponent {
)} )}
<View style={settingsStyle.sectionDivider} /> <View style={settingsStyle.sectionDivider} />
<Text style={settingsStyle.sectionTitle}>Search</Text> <Text style={settingsStyle.sectionTitle}>{__('Search')}</Text>
<View style={settingsStyle.row}> <View style={settingsStyle.row}>
<View style={settingsStyle.switchText}> <View style={settingsStyle.switchText}>
<Text style={settingsStyle.label}>Show URL suggestions</Text> <Text style={settingsStyle.label}>{__('Show URL suggestions')}</Text>
</View> </View>
<View style={settingsStyle.switchContainer}> <View style={settingsStyle.switchContainer}>
<Switch <Switch
@ -183,13 +186,16 @@ class SettingsPage extends React.PureComponent {
</View> </View>
<View style={settingsStyle.sectionDivider} /> <View style={settingsStyle.sectionDivider} />
<Text style={settingsStyle.sectionTitle}>Other</Text> <Text style={settingsStyle.sectionTitle}>{__('Other')}</Text>
<View style={settingsStyle.row}> <View style={settingsStyle.row}>
<View style={settingsStyle.switchText}> <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}> <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> </Text>
</View> </View>
<View style={settingsStyle.switchContainer}> <View style={settingsStyle.switchContainer}>

48
src/page/splash/view.js
View file

@ -16,8 +16,8 @@ import splashStyle from 'styles/splash';
const BLOCK_HEIGHT_INTERVAL = 1000 * 60 * 2.5; // every 2.5 minutes const BLOCK_HEIGHT_INTERVAL = 1000 * 60 * 2.5; // every 2.5 minutes
const testingNetwork = 'Testing network'; const testingNetwork = __('Testing network');
const waitingForResolution = 'Waiting for name resolution'; const waitingForResolution = __('Waiting for name resolution');
class SplashScreen extends React.PureComponent { class SplashScreen extends React.PureComponent {
static navigationOptions = { static navigationOptions = {
@ -27,8 +27,8 @@ class SplashScreen extends React.PureComponent {
state = { state = {
accountUnlockFailed: false, accountUnlockFailed: false,
daemonReady: false, daemonReady: false,
details: 'Starting up', details: __('Starting up'),
message: 'Connecting', message: __('Connecting'),
isRunning: false, isRunning: false,
isLagging: false, isLagging: false,
launchUrl: null, launchUrl: null,
@ -69,13 +69,13 @@ class SplashScreen extends React.PureComponent {
try { try {
verifyUserEmail(verification.token, verification.recaptcha); verifyUserEmail(verification.token, verification.recaptcha);
} catch (error) { } catch (error) {
const message = 'Invalid Verification Token'; const message = __('Invalid Verification Token');
verifyUserEmailFailure(message); verifyUserEmailFailure(message);
notify({ message }); notify({ message });
} }
} else { } else {
notify({ notify({
message: 'Invalid Verification URI', message: __('Invalid Verification URI'),
}); });
} }
} else { } else {
@ -195,8 +195,8 @@ class SplashScreen extends React.PureComponent {
NativeModules.UtilityModule.getSecureValue(Constants.KEY_WALLET_PASSWORD).then(password => { NativeModules.UtilityModule.getSecureValue(Constants.KEY_WALLET_PASSWORD).then(password => {
if ((secureWalletStatus.is_encrypted && !secureWalletStatus.is_locked) || secureWalletStatus.is_locked) { if ((secureWalletStatus.is_encrypted && !secureWalletStatus.is_locked) || secureWalletStatus.is_locked) {
this.setState({ this.setState({
message: 'Unlocking account', message: __('Unlocking account'),
details: 'Decrypting wallet', details: __('Decrypting wallet'),
}); });
// unlock the wallet and then finish the splash screen // unlock the wallet and then finish the splash screen
@ -239,20 +239,20 @@ class SplashScreen extends React.PureComponent {
if (blockchainHeaders && blockchainHeaders.downloading_headers) { if (blockchainHeaders && blockchainHeaders.downloading_headers) {
const downloadProgress = blockchainHeaders.download_progress ? blockchainHeaders.download_progress : 0; const downloadProgress = blockchainHeaders.download_progress ? blockchainHeaders.download_progress : 0;
this.setState({ this.setState({
message: 'Blockchain Sync', message: __('Blockchain Sync'),
details: `Catching up with the blockchain (${downloadProgress}%)`, details: `Catching up with the blockchain (${downloadProgress}%)`, // TODO: i18n tokenization
}); });
} else if (walletStatus && walletStatus.blocks_behind > 0) { } else if (walletStatus && walletStatus.blocks_behind > 0) {
const behind = walletStatus.blocks_behind; 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({ this.setState({
message: 'Blockchain Sync', message: __('Blockchain Sync'),
details: behindText, details: behindText,
}); });
} else { } else {
this.setState({ this.setState({
message: 'Network Loading', message: __('Network Loading'),
details: 'Initializing LBRY service', details: __('Initializing LBRY service'),
}); });
} }
@ -292,9 +292,10 @@ class SplashScreen extends React.PureComponent {
.catch(e => { .catch(e => {
this.setState({ this.setState({
isLagging: true, isLagging: true,
message: 'Connection Failure', message: __('Connection Failure'),
details: 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.', '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.'
),
}); });
}); });
}); });
@ -328,19 +329,22 @@ class SplashScreen extends React.PureComponent {
if (accountUnlockFailed) { if (accountUnlockFailed) {
return ( return (
<View style={splashStyle.container}> <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}> <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>
<Text style={splashStyle.paragraph}> <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> </Text>
<Button <Button
style={splashStyle.continueButton} style={splashStyle.continueButton}
theme={'light'} theme={'light'}
text={'Continue anyway'} text={__('Continue anyway')}
onPress={this.handleContinueAnywayPressed} onPress={this.handleContinueAnywayPressed}
/> />
</View> </View>

10
src/page/subscriptions/view.js
View file

@ -149,7 +149,7 @@ class SubscriptionsPage extends React.PureComponent {
<View style={subscriptionsStyle.container}> <View style={subscriptionsStyle.container}>
<UriBar navigation={navigation} belowOverlay={this.state.showSortPicker} /> <UriBar navigation={navigation} belowOverlay={this.state.showSortPicker} />
<View style={subscriptionsStyle.titleRow}> <View style={subscriptionsStyle.titleRow}>
<Text style={subscriptionsStyle.pageTitle}>Channels you follow</Text> <Text style={subscriptionsStyle.pageTitle}>{__('Channels you follow')}</Text>
</View> </View>
{!this.state.showingSuggestedSubs && hasSubscriptions && ( {!this.state.showingSuggestedSubs && hasSubscriptions && (
<View style={subscriptionsStyle.pickerRow}> <View style={subscriptionsStyle.pickerRow}>
@ -175,7 +175,7 @@ class SubscriptionsPage extends React.PureComponent {
<Link <Link
style={subscriptionsStyle.suggestedLink} style={subscriptionsStyle.suggestedLink}
text={'Suggested'} text={__('Suggested')}
onPress={() => this.setState({ showModalSuggestedSubs: true })} onPress={() => this.setState({ showModalSuggestedSubs: true })}
/> />
</View> </View>
@ -207,7 +207,9 @@ class SubscriptionsPage extends React.PureComponent {
<View style={subscriptionsStyle.suggestedSubsContainer}> <View style={subscriptionsStyle.suggestedSubsContainer}>
{!hasSubscriptions && ( {!hasSubscriptions && (
<View style={subscriptionsStyle.infoArea}> <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> </View>
)} )}
@ -218,7 +220,7 @@ class SubscriptionsPage extends React.PureComponent {
</Text> </Text>
<Button <Button
style={subscriptionsStyle.button} style={subscriptionsStyle.button}
text={'View my subscriptions'} text={__('View my subscriptions')}
onPress={() => this.setState({ showingSuggestedSubs: false })} onPress={() => this.setState({ showingSuggestedSubs: false })}
/> />
</View> </View>

2
src/page/tag/view.js
View file

@ -118,7 +118,7 @@ class TagPage extends React.PureComponent {
<Link <Link
style={discoverStyle.customizeLink} style={discoverStyle.customizeLink}
text={this.isFollowingTag(tag) ? 'Unfollow' : 'Follow'} text={this.isFollowingTag(tag) ? __('Unfollow') : __('Follow')}
onPress={this.handleFollowTagToggle} onPress={this.handleFollowTagToggle}
/> />
</View> </View>

6
src/page/transactionHistory/view.js
View file

@ -51,10 +51,12 @@ class TransactionHistoryPage extends React.PureComponent {
{fetchingTransactions && ( {fetchingTransactions && (
<View style={walletStyle.loadingContainer}> <View style={walletStyle.loadingContainer}>
<ActivityIndicator size={'small'} color={Colors.NextLbryGreen} /> <ActivityIndicator size={'small'} color={Colors.NextLbryGreen} />
<Text style={walletStyle.loadingText}>Loading transactions...</Text> <Text style={walletStyle.loadingText}>{__('Loading transactions...')}</Text>
</View> </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}> <ScrollView style={walletStyle.transactionHistoryScroll}>
<View style={walletStyle.historyList}> <View style={walletStyle.historyList}>
{!fetchingTransactions && transactions && transactions.length > 0 && ( {!fetchingTransactions && transactions && transactions.length > 0 && (

10
src/page/trending/view.js
View file

@ -17,8 +17,8 @@ import UriBar from 'component/uriBar';
import discoverStyle from 'styles/discover'; import discoverStyle from 'styles/discover';
const TRENDING_FOR_ITEMS = [ const TRENDING_FOR_ITEMS = [
{ icon: 'globe-americas', name: 'everyone', label: 'Everyone' }, { icon: 'globe-americas', name: 'everyone', label: __('Everyone') },
{ icon: 'hashtag', name: 'tags', label: 'Tags you follow' }, { icon: 'hashtag', name: 'tags', label: __('Tags you follow') },
]; ];
class TrendingPage extends React.PureComponent { class TrendingPage extends React.PureComponent {
@ -92,7 +92,7 @@ class TrendingPage extends React.PureComponent {
return ( return (
<View style={discoverStyle.listHeader}> <View style={discoverStyle.listHeader}>
<View style={discoverStyle.titleRow}> <View style={discoverStyle.titleRow}>
<Text style={discoverStyle.pageTitle}>All content</Text> <Text style={discoverStyle.pageTitle}>{__('All Content')}</Text>
</View> </View>
<View style={discoverStyle.pickerRow}> <View style={discoverStyle.pickerRow}>
<View style={discoverStyle.leftPickerRow}> <View style={discoverStyle.leftPickerRow}>
@ -126,7 +126,7 @@ class TrendingPage extends React.PureComponent {
{TRENDING_FOR_ITEMS[1].name === currentTrendingForItem.name && ( {TRENDING_FOR_ITEMS[1].name === currentTrendingForItem.name && (
<Link <Link
style={discoverStyle.customizeLink} style={discoverStyle.customizeLink}
text={'Customize'} text={__('Customize')}
onPress={() => this.setState({ showModalTagSelector: true })} onPress={() => this.setState({ showModalTagSelector: true })}
/> />
)} )}
@ -170,7 +170,7 @@ class TrendingPage extends React.PureComponent {
)} )}
{showTrendingForPicker && ( {showTrendingForPicker && (
<ModalPicker <ModalPicker
title={'Filter for'} title={__('Filter for')}
onOverlayPress={() => this.setState({ showTrendingForPicker: false })} onOverlayPress={() => this.setState({ showTrendingForPicker: false })}
onItemSelected={this.handleTrendingForItemSelected} onItemSelected={this.handleTrendingForItemSelected}
selectedItem={currentTrendingForItem} selectedItem={currentTrendingForItem}

14
src/page/verification/internal/email-verify-page.js
View file

@ -49,7 +49,7 @@ class EmailVerifyPage extends React.PureComponent {
if (setEmailVerificationPhase) { if (setEmailVerificationPhase) {
setEmailVerificationPhase(true); 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'); AsyncStorage.setItem(Constants.KEY_EMAIL_VERIFY_PENDING, 'true');
} }
} }
@ -65,7 +65,7 @@ class EmailVerifyPage extends React.PureComponent {
const { email } = this.state; const { email } = this.state;
if (!email || email.trim().length === 0 || email.indexOf('@') === -1) { if (!email || email.trim().length === 0 || email.indexOf('@') === -1) {
return notify({ 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) // resend verification email if there was one previously set (and it wasn't changed)
resendVerificationEmail(this.state.email); resendVerificationEmail(this.state.email);
AsyncStorage.setItem(Constants.KEY_EMAIL_VERIFY_PENDING, 'true'); 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 = () => { onEditPressed = () => {
@ -110,7 +110,7 @@ class EmailVerifyPage extends React.PureComponent {
return ( return (
<View style={firstRunStyle.container}> <View style={firstRunStyle.container}>
<Text style={rewardStyle.verificationTitle}> <Text style={rewardStyle.verificationTitle}>
{Constants.PHASE_COLLECTION === this.state.phase ? 'Email' : 'Verify Email'} {Constants.PHASE_COLLECTION === this.state.phase ? __('Email') : __('Verify Email')}
</Text> </Text>
{Constants.PHASE_COLLECTION === this.state.phase && ( {Constants.PHASE_COLLECTION === this.state.phase && (
<View> <View>
@ -138,7 +138,7 @@ class EmailVerifyPage extends React.PureComponent {
<Button <Button
style={rewardStyle.verificationButton} style={rewardStyle.verificationButton}
theme={'light'} theme={'light'}
text={'Send verification email'} text={__('Send verification email')}
onPress={this.onSendVerificationPressed} onPress={this.onSendVerificationPressed}
/> />
)} )}
@ -162,10 +162,10 @@ class EmailVerifyPage extends React.PureComponent {
<Button <Button
style={rewardStyle.verificationButton} style={rewardStyle.verificationButton}
theme={'light'} theme={'light'}
text={'Resend'} text={__('Resend')}
onPress={this.onResendPressed} onPress={this.onResendPressed}
/> />
<Link style={rewardStyle.verificationLink} text={'Edit'} onPress={this.onEditPressed} /> <Link style={rewardStyle.verificationLink} text={__('Edit')} onPress={this.onEditPressed} />
</View> </View>
</View> </View>
)} )}

7
src/page/verification/internal/manual-verify-page.js
View file

@ -5,7 +5,7 @@ import AsyncStorage from '@react-native-community/async-storage';
import Button from 'component/button'; import Button from 'component/button';
import Link from 'component/link'; import Link from 'component/link';
import Colors from 'styles/colors'; 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 firstRunStyle from 'styles/firstRun';
import rewardStyle from 'styles/reward'; import rewardStyle from 'styles/reward';
@ -22,8 +22,9 @@ class ManualVerifyPage extends React.PureComponent {
<View style={firstRunStyle.container}> <View style={firstRunStyle.container}>
<Text style={rewardStyle.verificationTitle}>Manual Reward Verification</Text> <Text style={rewardStyle.verificationTitle}>Manual Reward Verification</Text>
<Text style={firstRunStyle.spacedParagraph}> <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>
<Text style={firstRunStyle.spacedParagraph}> <Text style={firstRunStyle.spacedParagraph}>
If you continue to see this message, please request to be verified on the{' '} If you continue to see this message, please request to be verified on the{' '}

10
src/page/verification/internal/phone-verify-page.js
View file

@ -13,7 +13,7 @@ import {
import AsyncStorage from '@react-native-community/async-storage'; import AsyncStorage from '@react-native-community/async-storage';
import Button from 'component/button'; import Button from 'component/button';
import Colors from 'styles/colors'; 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 CountryPicker from 'react-native-country-picker-modal';
import Icon from 'react-native-vector-icons/FontAwesome5'; import Icon from 'react-native-vector-icons/FontAwesome5';
import Link from 'component/link'; import Link from 'component/link';
@ -149,10 +149,10 @@ class PhoneVerifyPage extends React.PureComponent {
</Text> </Text>
<View style={rewardStyle.phoneVerificationContainer}> <View style={rewardStyle.phoneVerificationContainer}>
{this.state.phase == Constants.PHASE_COLLECTION && ( {this.state.phase === Constants.PHASE_COLLECTION && (
<View> <View>
<Text style={[rewardStyle.bottomMarginMedium, firstRunStyle.paragraph]}> <Text style={[rewardStyle.bottomMarginMedium, firstRunStyle.paragraph]}>
Please provide a phone number to prevent fraud. {__('Please provide a phone number to prevent fraud.')}
</Text> </Text>
<PhoneInput <PhoneInput
ref={ref => { ref={ref => {
@ -237,9 +237,9 @@ class PhoneVerifyPage extends React.PureComponent {
this.picker = picker; this.picker = picker;
}} }}
cca2={this.state.cca2} cca2={this.state.cca2}
filterable={true} filterable
onChange={value => this.selectCountry(value)} onChange={value => this.selectCountry(value)}
showCallingCode={true} showCallingCode
translation="eng" translation="eng"
> >
<View /> <View />

18
src/page/verification/internal/sync-verify-page.js
View file

@ -92,7 +92,7 @@ class SyncVerifyPage extends React.PureComponent {
navigation.goBack(); navigation.goBack();
} else { } else {
if (notifyUnlockFailed) { 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.') });
} }
} }
}); });
@ -117,11 +117,11 @@ class SyncVerifyPage extends React.PureComponent {
let paragraph; let paragraph;
if (!hasSyncedWallet) { if (!hasSyncedWallet) {
paragraph = ( 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 { } else {
paragraph = ( 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>
); );
} }
@ -130,13 +130,13 @@ class SyncVerifyPage extends React.PureComponent {
content = ( content = (
<View style={firstRunStyle.centered}> <View style={firstRunStyle.centered}>
<ActivityIndicator size="large" color={Colors.White} style={firstRunStyle.waiting} /> <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> </View>
); );
} else { } else {
content = ( content = (
<View> <View>
<Text style={rewardStyle.verificationTitle}>Wallet Sync</Text> <Text style={rewardStyle.verificationTitle}>{__('Wallet Sync')}</Text>
{paragraph} {paragraph}
<View style={firstRunStyle.passwordInputContainer}> <View style={firstRunStyle.passwordInputContainer}>
<TextInput <TextInput
@ -170,8 +170,8 @@ class SyncVerifyPage extends React.PureComponent {
<View style={firstRunStyle.passwordWarning}> <View style={firstRunStyle.passwordWarning}>
<Text style={firstRunStyle.passwordWarningText}> <Text style={firstRunStyle.passwordWarningText}>
{hasSyncedWallet {hasSyncedWallet
? 'If you did not provide a password, please press Use LBRY to continue.' ? __('If you did not provide a password, please press Use LBRY to continue.')
: 'You can proceed without a password, but this is not recommended.'} : __('You can proceed without a password, but this is not recommended.')}
</Text> </Text>
</View> </View>
)} )}
@ -186,7 +186,7 @@ class SyncVerifyPage extends React.PureComponent {
</View> </View>
)} )}
<Text style={firstRunStyle.infoParagraph}> <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> </Text>
<View style={rewardStyle.buttonContainer}> <View style={rewardStyle.buttonContainer}>
@ -194,7 +194,7 @@ class SyncVerifyPage extends React.PureComponent {
<Button <Button
style={rewardStyle.verificationButton} style={rewardStyle.verificationButton}
theme={'light'} theme={'light'}
text={signInFlow ? 'Use LBRY' : 'Enable sync'} text={signInFlow ? __('Use LBRY') : __('Enable sync')}
onPress={this.onEnableSyncPressed} onPress={this.onEnableSyncPressed}
/> />
)} )}