LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

update invite copy

Browse source
This commit is contained in:
Jeremy Kauffman 2020-01-14 11:44:40 -05:00 committed by Sean Yesmunt
parent 94cc7a2d9d
commit 1a56298575
1 changed files with 37 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
ui/component/inviteNew/view.jsx
View file

@ -22,6 +22,8 @@ type Props = {
function InviteNew(props: Props) { function InviteNew(props: Props) {
const { inviteNew, errorMessage, isPending, referralCode = '', channels, resolveUris, resolvingUris } = props; const { inviteNew, errorMessage, isPending, referralCode = '', channels, resolveUris, resolvingUris } = props;
const rewardAmount = 20;
// Email // Email
const [email, setEmail] = useState(''); const [email, setEmail] = useState('');
function handleSubmit() { function handleSubmit() {
@ -98,8 +100,39 @@ function InviteNew(props: Props) {
return ( return (
<div className={'columns'}> <div className={'columns'}>
<Card <Card
title={__('Refer by Email')} title={__('Invite Link')}
subtitle={__('When your friends start using LBRY, the network gets stronger!')} subtitle={__('Share this link with friends (or enemies) and get %reward_amount% LBC when they join lbry.tv', { reward_amount: rewardAmount })}
actions={
<React.Fragment>
<Form onSubmit={handleSubmit}>
<CopyableText label={__('Your invite link')} copyable={referral} />
<SelectChannel
channel={referralSource}
onChannelChange={channel => handleReferralChange(channel)}
label={'Customize link'}
hideNew
hideAnon
injected={[referralCode]}
/>
<p className="help">
<I18nMessage
tokens={{
rewards_link: <Button button="link" navigate="/$/rewards" label={__('rewards')} />,
referral_faq_link: <Button button="link" label={__('FAQ')} href="https://lbry.com/faq/referrals" />,
}}
>
Earn %rewards_link% for inviting your friends. Read our %referral_faq_link% to learn more.
</I18nMessage>
</p>
</Form>
</React.Fragment>
}
/>
<Card
title={__('Invite by Email')}
subtitle={__('Invite someone you know by email and earn %reward_amount% LBC when they join lbry.tv.', { reward_amount: rewardAmount })}
actions={ actions={
<React.Fragment> <React.Fragment>
<Form onSubmit={handleSubmit}> <Form onSubmit={handleSubmit}>
@ -122,45 +155,14 @@ function InviteNew(props: Props) {
referral_faq_link: <Button button="link" label={__('FAQ')} href="https://lbry.com/faq/referrals" />, referral_faq_link: <Button button="link" label={__('FAQ')} href="https://lbry.com/faq/referrals" />,
}} }}
> >
Earn %rewards_link% for inviting your friends. Read our %referral_faq_link% to learn more about Earn %rewards_link% for inviting your friends. Read our %referral_faq_link% to learn more.
referrals.
</I18nMessage> </I18nMessage>
</p> </p>
</Form> </Form>
</React.Fragment> </React.Fragment>
} }
/> />
<Card </div>
title={__('Referral Codes')}
subtitle={__('Users!')}
actions={
<React.Fragment>
<Form onSubmit={handleSubmit}>
<SelectChannel
channel={referralSource}
onChannelChange={channel => handleReferralChange(channel)}
label={'Code or Channel'}
hideNew
hideAnon
injected={[referralCode]}
/>
<CopyableText label={__('Or share this link with your friends')} copyable={referral} />
<p className="help">
<I18nMessage
tokens={{
rewards_link: <Button button="link" navigate="/$/rewards" label={__('rewards')} />,
referral_faq_link: <Button button="link" label={__('FAQ')} href="https://lbry.com/faq/referrals" />,
}}
>
Earn %rewards_link% for inviting your friends. Read our %referral_faq_link% to learn more about
referrals.
</I18nMessage>
</p>
</Form>
</React.Fragment>
}
/>
</div>
); );
} }