Merge pull request #1314 from ykris45/patch-8

add FAQ to Referral page

CHANGELOG.md

@@ -8,7 +8,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/).
 ### Added
    * Add keyboard shortcut to quit the app on Windows ([#1202](https://github.com/lbryio/lbry-app/pull/1202))
    * Build for both architectures (x86 and x64) for Windows ([#1262](https://github.com/lbryio/lbry-app/pull/1262))
-
+   * Add referral FAQ to Invites screen([#1314](https://github.com/lbryio/lbry-app/pull/1314))
 
 ### Fixed
    * Black screen on macOS after maximizing LBRY and then closing ([#1235](https://github.com/lbryio/lbry-app/pull/1235))

src/renderer/component/inviteNew/view.jsx

@@ -3,6 +3,7 @@
 import React from 'react';
 import BusyIndicator from 'component/common/busy-indicator';
 import CreditAmount from 'component/common/credit-amount';
+import Button from 'component/button';
 import { Form, FormRow, FormField, Submit } from 'component/common/form';
 
 class FormInviteNew extends React.PureComponent {
@@ -69,6 +70,7 @@ class InviteNew extends React.PureComponent {
     return (
       <section className="card card--section">
         <div className="card__title">{__('Invite a Friend')}</div>
+
         <div className="card__subtitle">
           {__("Or an enemy. Or your cousin Jerry, who you're kind of unsure about.")}
         </div>
@@ -87,6 +89,11 @@ class InviteNew extends React.PureComponent {
             rewardAmount={rewardAmount}
           />
         </div>
+        <p className="help help--padded">
+          {__('Read our')}{' '}
+          <Button button="link" label={__('FAQ')} href="https://lbry.io/faq/referrals" />{' '}
+          {__('to learn more about referrals')}.
+        </p>
       </section>
     );
   }