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

updates to modal tip view

Browse source
This commit is contained in:
Akinwale Ariwodola 2019-12-20 09:01:26 +01:00
parent 48ce7e9d9e
commit 80b12a2cc8
1 changed files with 19 additions and 10 deletions

29
src/component/modalTipView/view.js
View file

@ -10,6 +10,8 @@ import Icon from 'react-native-vector-icons/FontAwesome5';
import Link from 'component/link'; import Link from 'component/link';
export default class ModalTipView extends React.PureComponent { export default class ModalTipView extends React.PureComponent {
tipAmountInput = null;
state = { state = {
creditsInputFocused: false, creditsInputFocused: false,
sendTipStarted: false, sendTipStarted: false,
@ -30,11 +32,11 @@ export default class ModalTipView extends React.PureComponent {
const amount = parseInt(tipAmount, 10); const amount = parseInt(tipAmount, 10);
const message = const message =
amount === 1 amount === 1
? __('Are you sure you want to tip %amount% credit', { amount }) ? __('Please confirm you want to tip %amount% credit', { amount })
: __('Are you sure you want to tip %amount% credits', { amount }); : __('Please confirm you want to tip %amount% credits', { amount });
Alert.alert( Alert.alert(
__('Send tip'), __('Send Tip'),
message, message,
[ [
{ text: __('No') }, { text: __('No') },
@ -71,7 +73,14 @@ export default class ModalTipView extends React.PureComponent {
return ( return (
<TouchableOpacity style={modalStyle.overlay} activeOpacity={1} onPress={onOverlayPress}> <TouchableOpacity style={modalStyle.overlay} activeOpacity={1} onPress={onOverlayPress}>
<TouchableOpacity style={modalStyle.container} activeOpacity={1}> <TouchableOpacity style={modalStyle.container} activeOpacity={1}>
<View style={modalTipStyle.container}> <View
style={modalTipStyle.container}
onLayout={() => {
if (this.tipAmountInput) {
this.tipAmountInput.focus();
}
}}
>
<Text style={modalTipStyle.title} numberOfLines={1}> <Text style={modalTipStyle.title} numberOfLines={1}>
{channelName ? __('Send a tip to %channel%', { channel: channelName }) : __('Send a tip')} {channelName ? __('Send a tip to %channel%', { channel: channelName }) : __('Send a tip')}
</Text> </Text>
@ -107,13 +116,13 @@ export default class ModalTipView extends React.PureComponent {
{__( {__(
'This will appear as a tip for %content%, which will boost its ability to be discovered while active.', 'This will appear as a tip for %content%, which will boost its ability to be discovered while active.',
{ content: contentName } { content: contentName }
)} )}{' '}
<Link
style={modalTipStyle.learnMoreLink}
text={__('Learn more.')}
href={'https://lbry.com/faq/tipping'}
/>
</Text> </Text>
<Link
style={modalTipStyle.learnMoreLink}
text={__('Learn more.')}
href={'https://lbry.com/faq/tipping'}
/>
</View> </View>
<View style={modalTipStyle.buttonRow}> <View style={modalTipStyle.buttonRow}>