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:
parent
174bfbc8fb
commit
e379f6774e
5 changed files with 16 additions and 8 deletions
|
@ -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>
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue