Final fixes (#2184)

* fix: modal upgrade help text

* change: copy on invites page with link to rewards

* fix: tx table icon alignment and cost size

* fix: show subscription modal on actual first subscription
This commit is contained in:
Sean Yesmunt 2019-01-14 16:21:37 -05:00 committed by GitHub
parent 174bfbc8fb
commit e379f6774e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 16 additions and 8 deletions

View file

@ -33,7 +33,7 @@ class FormInviteNew extends React.PureComponent {
return ( return (
<Form onSubmit={this.handleSubmit}> <Form onSubmit={this.handleSubmit}>
<FormRow padded> <FormRow>
<FormField <FormField
stretch stretch
type="text" type="text"
@ -94,7 +94,8 @@ class InviteNew extends React.PureComponent {
/> />
<p className="help"> <p className="help">
{__('Read our')}{' '} {__('Earn')} <Button button="link" navigate="/rewards" label={__('rewards')} />{' '}
{__('for inviting your friends.')} {__('Read our')}{' '}
<Button button="link" label={__('FAQ')} href="https://lbry.io/faq/referrals" />{' '} <Button button="link" label={__('FAQ')} href="https://lbry.io/faq/referrals" />{' '}
{__('to learn more about referrals')}. {__('to learn more about referrals')}.
</p> </p>

View file

@ -17,7 +17,6 @@ type Props = {
doChannelSubscribe: ({ channelName: string, uri: string }) => void, doChannelSubscribe: ({ channelName: string, uri: string }) => void,
doChannelUnsubscribe: SubscribtionArgs => void, doChannelUnsubscribe: SubscribtionArgs => void,
doOpenModal: (id: string) => void, doOpenModal: (id: string) => void,
firstRunCompleted: boolean,
showSnackBarOnSubscribe: boolean, showSnackBarOnSubscribe: boolean,
doToast: ({ message: string }) => void, doToast: ({ message: string }) => void,
buttonStyle: string, buttonStyle: string,
@ -31,7 +30,6 @@ export default (props: Props) => {
doOpenModal, doOpenModal,
subscriptions, subscriptions,
isSubscribed, isSubscribed,
firstRunCompleted,
showSnackBarOnSubscribe, showSnackBarOnSubscribe,
doToast, doToast,
buttonStyle, buttonStyle,
@ -51,7 +49,7 @@ export default (props: Props) => {
onClick={e => { onClick={e => {
e.stopPropagation(); e.stopPropagation();
if (!subscriptions.length && !firstRunCompleted) { if (!subscriptions.length) {
doOpenModal(MODALS.FIRST_SUBSCRIPTION); doOpenModal(MODALS.FIRST_SUBSCRIPTION);
} }

View file

@ -53,7 +53,7 @@ class UserEmailNew extends React.PureComponent<Props, State> {
</p> </p>
<Form onSubmit={this.handleSubmit}> <Form onSubmit={this.handleSubmit}>
<FormRow padded> <FormRow>
<FormField <FormField
stretch stretch
type="email" type="email"

View file

@ -31,7 +31,7 @@ class ModalAutoUpdateConfirm extends React.PureComponent<Props> {
> >
<section className="card__content"> <section className="card__content">
<p>{__('Your LBRY update is ready. Restart LBRY now to use it!')}</p> <p>{__('Your LBRY update is ready. Restart LBRY now to use it!')}</p>
<p className="meta"> <p className="help">
{__('Want to know what has changed?')} See the{' '} {__('Want to know what has changed?')} See the{' '}
<Button <Button
button="link" button="link"

View file

@ -34,6 +34,15 @@
.btn:not(.btn--link) { .btn:not(.btn--link) {
display: inline; display: inline;
} }
&.table__item--actionable {
span + .btn {
margin-left: var(--spacing-vertical-small);
}
.btn svg {
top: 3px;
}
}
} }
thead { thead {
@ -93,7 +102,7 @@
td:nth-of-type(1) { td:nth-of-type(1) {
// TX amounts // TX amounts
width: 25%; width: 25%;
font-size: 0.8em; font-size: 0.9em;
font-weight: 600; font-weight: 600;
} }