Few UX Improvements #2638
11 changed files with 69 additions and 29 deletions
|
@ -57,7 +57,7 @@ function ClaimListDiscover(props: Props) {
|
||||||
channel_ids?: Array<string>,
|
channel_ids?: Array<string>,
|
||||||
release_time?: string,
|
release_time?: string,
|
||||||
not_tags?: Array<string>,
|
not_tags?: Array<string>,
|
||||||
} = { page_size: PAGE_SIZE, page };
|
} = { page_size: PAGE_SIZE, page, no_totals: true };
|
||||||
const newTags = tagsString.split(',');
|
const newTags = tagsString.split(',');
|
||||||
const newChannelIds = channelsIdString.split(',');
|
const newChannelIds = channelsIdString.split(',');
|
||||||
|
|
||||||
|
|
|
@ -253,4 +253,10 @@ export const icons = {
|
||||||
<path d="M7 11V7a5 5 0 0 1 9.9-1" />
|
<path d="M7 11V7a5 5 0 0 1 9.9-1" />
|
||||||
</g>
|
</g>
|
||||||
),
|
),
|
||||||
|
[ICONS.SUPPORT]: buildIcon(
|
||||||
|
<g>
|
||||||
|
<polyline points="23 6 13.5 15.5 8.5 10.5 1 18" />
|
||||||
|
<polyline points="17 6 23 6 23 12" />
|
||||||
|
</g>
|
||||||
|
),
|
||||||
};
|
};
|
||||||
|
|
|
@ -27,7 +27,6 @@ class SocialShare extends React.PureComponent<Props> {
|
||||||
render() {
|
render() {
|
||||||
const { claim } = this.props;
|
const { claim } = this.props;
|
||||||
const { short_url: shortUrl } = claim;
|
const { short_url: shortUrl } = claim;
|
||||||
|
|
||||||
const { speechShareable, onDone } = this.props;
|
const { speechShareable, onDone } = this.props;
|
||||||
|
|
||||||
const lbryTvPrefix = 'https://beta.lbry.tv/';
|
const lbryTvPrefix = 'https://beta.lbry.tv/';
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
// @flow
|
// @flow
|
||||||
import * as React from 'react';
|
import type { Node } from 'react';
|
||||||
|
import React, { useEffect } from 'react';
|
||||||
import Button from 'component/button';
|
import Button from 'component/button';
|
||||||
import { FormField } from 'component/common/form';
|
import { FormField } from 'component/common/form';
|
||||||
import UserEmailNew from 'component/userEmailNew';
|
import UserEmailNew from 'component/userEmailNew';
|
||||||
|
@ -7,7 +8,7 @@ import UserEmailVerify from 'component/userEmailVerify';
|
||||||
import cookie from 'cookie';
|
import cookie from 'cookie';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
cancelButton: React.Node,
|
cancelButton: Node,
|
||||||
email: string,
|
email: string,
|
||||||
resendVerificationEmail: string => void,
|
resendVerificationEmail: string => void,
|
||||||
checkEmailVerified: () => void,
|
checkEmailVerified: () => void,
|
||||||
|
@ -20,13 +21,6 @@ type Props = {
|
||||||
|
|
||||||
function UserEmail(props: Props) {
|
function UserEmail(props: Props) {
|
||||||
const { email, user, accessToken, fetchAccessToken } = props;
|
const { email, user, accessToken, fetchAccessToken } = props;
|
||||||
let isVerified = false;
|
|
||||||
if (user) {
|
|
||||||
isVerified = user.has_verified_email;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!accessToken) fetchAccessToken();
|
|
||||||
|
|
||||||
const buttonsProps = IS_WEB
|
const buttonsProps = IS_WEB
|
||||||
? {
|
? {
|
||||||
onClick: () => {
|
onClick: () => {
|
||||||
|
@ -36,6 +30,17 @@ function UserEmail(props: Props) {
|
||||||
}
|
}
|
||||||
: { href: 'https://lbry.com/faq/how-to-change-email' };
|
: { href: 'https://lbry.com/faq/how-to-change-email' };
|
||||||
|
|
||||||
|
let isVerified = false;
|
||||||
|
if (user) {
|
||||||
|
isVerified = user.has_verified_email;
|
||||||
|
}
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!accessToken) {
|
||||||
|
fetchAccessToken();
|
||||||
|
}
|
||||||
|
}, [accessToken, fetchAccessToken]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section className="card card--section">
|
<section className="card card--section">
|
||||||
{!email && <UserEmailNew />}
|
{!email && <UserEmailNew />}
|
||||||
|
@ -57,7 +62,7 @@ function UserEmail(props: Props) {
|
||||||
readOnly
|
readOnly
|
||||||
label={
|
label={
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
{__('Your Email - ')}{' '}
|
{__('Your Email')}{' '}
|
||||||
<Button
|
<Button
|
||||||
button="link"
|
button="link"
|
||||||
label={__('Update mailing preferences')}
|
label={__('Update mailing preferences')}
|
||||||
|
|
|
@ -31,7 +31,7 @@ class UserVerify extends React.PureComponent<Props> {
|
||||||
<h1 className="card__title">{__('Final Human Proof')}</h1>
|
<h1 className="card__title">{__('Final Human Proof')}</h1>
|
||||||
<p className="card__subtitle">
|
<p className="card__subtitle">
|
||||||
To be approved for rewards, please complete <strong>one and only one</strong> of the options below. This
|
To be approved for rewards, please complete <strong>one and only one</strong> of the options below. This
|
||||||
is optional, and you can click back or Skip Rewards at the bottom.
|
is optional, and you can be skipped at the bottom.
|
||||||
</p>
|
</p>
|
||||||
</header>
|
</header>
|
||||||
|
|||||||
</section>
|
</section>
|
||||||
|
|
|
@ -53,7 +53,6 @@ export const SECURE = 'Lock';
|
||||||
export const MENU = 'Menu';
|
export const MENU = 'Menu';
|
||||||
export const BACKUP = 'Database';
|
export const BACKUP = 'Database';
|
||||||
export const TRANSACTIONS = 'FileText';
|
export const TRANSACTIONS = 'FileText';
|
||||||
export const TRENDING_UP = 'TrendingUp';
|
|
||||||
export const LBRY = 'Lbry';
|
export const LBRY = 'Lbry';
|
||||||
export const SEND = 'Send';
|
export const SEND = 'Send';
|
||||||
export const DISCOVER = 'Compass';
|
export const DISCOVER = 'Compass';
|
||||||
|
@ -70,3 +69,4 @@ export const MUSIC_EQUALIZER = 'Sliders';
|
||||||
export const LIGHT = 'Sun';
|
export const LIGHT = 'Sun';
|
||||||
export const DARK = 'Moon';
|
export const DARK = 'Moon';
|
||||||
export const LIBRARY = 'Folder';
|
export const LIBRARY = 'Folder';
|
||||||
|
export const SUPPORT = 'TrendingUp';
|
||||||
|
|
|
@ -245,7 +245,7 @@ class FilePage extends React.Component<Props> {
|
||||||
{!claimIsMine && channelUri && <SubscribeButton uri={channelUri} channelName={channelName} />}
|
{!claimIsMine && channelUri && <SubscribeButton uri={channelUri} channelName={channelName} />}
|
||||||
<Button
|
<Button
|
||||||
button="alt"
|
button="alt"
|
||||||
icon={claimIsMine ? icons.TRENDING_UP : icons.TIP}
|
icon={claimIsMine ? icons.SUPPORT : icons.TIP}
|
||||||
label={claimIsMine ? __('Add support') : __('Send a tip')}
|
label={claimIsMine ? __('Add support') : __('Send a tip')}
|
||||||
onClick={() => openModal(MODALS.SEND_TIP, { uri, claimIsMine })}
|
onClick={() => openModal(MODALS.SEND_TIP, { uri, claimIsMine })}
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -38,14 +38,9 @@ class RewardsPage extends PureComponent<Props> {
|
||||||
<h2 className="card__title">{__('Rewards Approval to Earn Credits (LBC)')}</h2>
|
<h2 className="card__title">{__('Rewards Approval to Earn Credits (LBC)')}</h2>
|
||||||
<p className="card__subtitle">
|
<p className="card__subtitle">
|
||||||
{__(
|
{__(
|
||||||
'This step optional. You can continue to use this app without Rewards, but LBC may be needed for some tasks.'
|
'This step is optional. You can continue to use this app without rewards, but LBC may be needed for some tasks.'
|
||||||
)}{' '}
|
)}{' '}
|
||||||
</p>
|
<Button button="link" label={__('Learn more')} href="https://lbry.com/faq/rewards" />
|
||||||
<p className="card__subtitle">
|
|
||||||
{__(
|
|
||||||
"Rewards are for human beings only. You'll have to prove you're one of us before you can claim any."
|
|
||||||
)}{' '}
|
|
||||||
{<Button button="link" label={__('Learn more')} href="https://lbry.com/faq/rewards" />}
|
|
||||||
</p>
|
</p>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|
|
@ -313,10 +313,12 @@ class SettingsPage extends React.PureComponent<Props, State> {
|
||||||
name="share_usage_data"
|
name="share_usage_data"
|
||||||
onChange={() => setDaemonSetting('share_usage_data', !daemonSettings.share_usage_data)}
|
onChange={() => setDaemonSetting('share_usage_data', !daemonSettings.share_usage_data)}
|
||||||
checked={daemonSettings.share_usage_data}
|
checked={daemonSettings.share_usage_data}
|
||||||
label=<React.Fragment>
|
label={
|
||||||
{__('Help make LBRY better by contributing analytics and diagnostic data about my usage.')}{' '}
|
<React.Fragment>
|
||||||
<Button button="link" label={__('Learn more')} href="https://lbry.com/privacypolicy" />.
|
{__('Help make LBRY better by contributing analytics and diagnostic data about my usage.')}{' '}
|
||||||
</React.Fragment>
|
<Button button="link" label={__('Learn more')} href="https://lbry.com/privacypolicy" />.
|
||||||
|
</React.Fragment>
|
||||||
|
}
|
||||||
helper={__('You will be ineligible to earn rewards while diagnostics are not being shared.')}
|
helper={__('You will be ineligible to earn rewards while diagnostics are not being shared.')}
|
||||||
/>
|
/>
|
||||||
</Form>
|
</Form>
|
||||||
|
|
|
@ -541,5 +541,38 @@
|
||||||
"When the alpha ends, we will attempt to transition comments, but do not promise to do so. Any transition will likely involve publishing previous comments under a single archive handle.": "When the alpha ends, we will attempt to transition comments, but do not promise to do so. Any transition will likely involve publishing previous comments under a single archive handle.",
|
"When the alpha ends, we will attempt to transition comments, but do not promise to do so. Any transition will likely involve publishing previous comments under a single archive handle.": "When the alpha ends, we will attempt to transition comments, but do not promise to do so. Any transition will likely involve publishing previous comments under a single archive handle.",
|
||||||
"Upgrade is ready to install": "Upgrade is ready to install",
|
"Upgrade is ready to install": "Upgrade is ready to install",
|
||||||
"Upgrade is ready": "Upgrade is ready",
|
"Upgrade is ready": "Upgrade is ready",
|
||||||
"Abandon the claim for this URI": "Abandon the claim for this URI"
|
"Abandon the claim for this URI": "Abandon the claim for this URI",
|
||||||
|
"For video content, use MP4s in H264/AAC format for best compatibility.": "For video content, use MP4s in H264/AAC format for best compatibility.",
|
||||||
|
"Read the App Basics FAQ": "Read the App Basics FAQ",
|
||||||
|
"View all LBRY FAQs": "View all LBRY FAQs",
|
||||||
|
"Find Assistance": "Find Assistance",
|
||||||
|
"channel of our Discord chat room. Or you can always email us at help@lbry.com.": "channel of our Discord chat room. Or you can always email us at help@lbry.com.",
|
||||||
|
"Email Us": "Email Us",
|
||||||
|
"Today": "Today",
|
||||||
|
"This": "This",
|
||||||
|
"All time": "All time",
|
||||||
|
"For the initial release, deleting or editing comments is not possible. Please be mindful of this when posting.": "For the initial release, deleting or editing comments is not possible. Please be mindful of this when posting.",
|
||||||
|
"Add support": "Add support",
|
||||||
|
"Add support to": "Add support to",
|
||||||
|
"This will increase your overall bid amount for ": "This will increase your overall bid amount for ",
|
||||||
|
"Share on Facebook": "Share on Facebook",
|
||||||
|
"Share On Twitter": "Share On Twitter",
|
||||||
|
"View on lbry.tv": "View on lbry.tv",
|
||||||
|
"Your Email - ": "Your Email - ",
|
||||||
|
"This information is disclosed only to LBRY, Inc. and not to the LBRY network. It is only required to save account information and earn rewards.": "This information is disclosed only to LBRY, Inc. and not to the LBRY network. It is only required to save account information and earn rewards.",
|
||||||
|
"Rewards Approval to Earn Credits (LBC)": "Rewards Approval to Earn Credits (LBC)",
|
||||||
|
"This step optional. You can continue to use this app without Rewards, but LBC may be needed for some tasks.": "This step optional. You can continue to use this app without Rewards, but LBC may be needed for some tasks.",
|
||||||
|
"Rewards are for human beings only. You'll have to prove you're one of us before you can claim any.": "Rewards are for human beings only. You'll have to prove you're one of us before you can claim any.",
|
||||||
|
"This step is optional. You can continue to use this app without Rewards, but LBC may be needed for some tasks.": "This step is optional. You can continue to use this app without Rewards, but LBC may be needed for some tasks.",
|
||||||
|
"This step is optional. You can continue to use this app without rewards, but LBC may be needed for some tasks.": "This step is optional. You can continue to use this app without rewards, but LBC may be needed for some tasks.",
|
||||||
|
"1) Proof via Phone": "1) Proof via Phone",
|
||||||
|
"You will receive an SMS text message confirming that your phone number is correct. Does not work for Canada and possibly other regions": "You will receive an SMS text message confirming that your phone number is correct. Does not work for Canada and possibly other regions",
|
||||||
|
"Standard messaging rates apply. LBRY will not text or call you otherwise. Having trouble?": "Standard messaging rates apply. LBRY will not text or call you otherwise. Having trouble?",
|
||||||
|
"2) Proof via Credit": "2) Proof via Credit",
|
||||||
|
"You currently have the highest bid for this name.": "You currently have the highest bid for this name.",
|
||||||
|
"You sent 1 LBC as a tip, Mahalo!": "You sent 1 LBC as a tip, Mahalo!",
|
||||||
|
"You can generate a new address at any time, and any previous addresses will continue to work.": "You can generate a new address at any time, and any previous addresses will continue to work.",
|
||||||
|
"Confirm Claim Revoke": "Confirm Claim Revoke",
|
||||||
|
"Are you sure you want to remove this support?": "Are you sure you want to remove this support?",
|
||||||
|
"These credits are permanently yours and can be removed at any time. Removing this support will reduce the claim's discoverability and return the LBC to your spendable balance.": "These credits are permanently yours and can be removed at any time. Removing this support will reduce the claim's discoverability and return the LBC to your spendable balance."
|
||||||
}
|
}
|
|
@ -6654,9 +6654,9 @@ lbry-redux@lbryio/lbry-redux#bb82aed61a5569e565daa784eb25fc1d639c0c22:
|
||||||
reselect "^3.0.0"
|
reselect "^3.0.0"
|
||||||
uuid "^3.3.2"
|
uuid "^3.3.2"
|
||||||
|
|
||||||
lbryinc@lbryio/lbryinc#43d382d9b74d396a581a74d87e4c53105e04f845:
|
lbryinc@lbryio/lbryinc#69f9562b016030b481375443f56147ff5e273c0e:
|
||||||
version "0.0.1"
|
version "0.0.1"
|
||||||
resolved "https://codeload.github.com/lbryio/lbryinc/tar.gz/43d382d9b74d396a581a74d87e4c53105e04f845"
|
resolved "https://codeload.github.com/lbryio/lbryinc/tar.gz/69f9562b016030b481375443f56147ff5e273c0e"
|
||||||
dependencies:
|
dependencies:
|
||||||
reselect "^3.0.0"
|
reselect "^3.0.0"
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue
"you can be" :p