channel page and invite page take advantage of resolved channel list

This commit is contained in:
jessop 2020-02-12 16:47:43 -05:00 committed by Sean Yesmunt
parent 0a0a8c4658
commit cda643be26
4 changed files with 14 additions and 42 deletions

View file

@ -130,7 +130,7 @@
"imagesloaded": "^4.1.4",
"json-loader": "^0.5.4",
"lbry-format": "https://github.com/lbryio/lbry-format.git",
"lbry-redux": "lbryio/lbry-redux#adebb2d6259e9f69ca055a8a8c0c01fac0af6124",
"lbry-redux": "lbryio/lbry-redux#50aa80d139c7863503b8dfc77947e3cdf3ee801d",
"lbryinc": "lbryio/lbryinc#6a59102c52673502569d2c43bd4ee58c315fb2e4",
"lint-staged": "^7.0.2",
"localforage": "^1.7.1",

View file

@ -929,7 +929,6 @@
"Custom": "Custom",
"Playing in %seconds_left% seconds": "Playing in %seconds_left% seconds",
"Up Next by %channel%": "Up Next by %channel%",
"Install Now": "Install Now",
"Repost": "Repost",
"Repost your favorite claims to help more people discover them!": "Repost your favorite claims to help more people discover them!",
"Advanced": "Advanced",
@ -941,5 +940,13 @@
"Effective Amount": "Effective Amount",
"Is Controlling": "Is Controlling",
"Claim ID": "Claim ID",
"Official YouTube Creator - Last updated %time_ago%": "Official YouTube Creator - Last updated %time_ago%"
"Official YouTube Creator - Last updated %time_ago%": "Official YouTube Creator - Last updated %time_ago%",
"Install Now": "Install Now",
"Invite Link": "Invite Link",
"Share this link with friends (or enemies) and get %reward_amount% LBC when they join lbry.tv": "Share this link with friends (or enemies) and get %reward_amount% LBC when they join lbry.tv",
"Your invite link": "Your invite link",
"rewards": "rewards",
"Invite by Email": "Invite by Email",
"Invite someone you know by email and earn %reward_amount% LBC when they join lbry.tv.": "Invite someone you know by email and earn %reward_amount% LBC when they join lbry.tv.",
"Earn %rewards_link% for inviting your friends. Read our %referral_faq_link% to learn more.": "Earn %rewards_link% for inviting your friends. Read our %referral_faq_link% to learn more."
}

View file

@ -7,13 +7,7 @@ import {
selectUserInviteReferralCode,
doUserInviteNew,
} from 'lbryinc';
import {
selectMyChannelClaims,
selectFetchingMyChannels,
doFetchChannelListMine,
doResolveUris,
selectResolvingUris,
} from 'lbry-redux';
import { selectMyChannelClaims, selectFetchingMyChannels, doFetchChannelListMine } from 'lbry-redux';
import InviteNew from './view';
const select = state => ({
@ -24,13 +18,11 @@ const select = state => ({
isPending: selectUserInviteNewIsPending(state),
channels: selectMyChannelClaims(state),
fetchingChannels: selectFetchingMyChannels(state),
resolvingUris: selectResolvingUris(state),
});
const perform = dispatch => ({
inviteNew: email => dispatch(doUserInviteNew(email)),
fetchChannelListMine: () => dispatch(doFetchChannelListMine()),
resolveUris: uris => dispatch(doResolveUris(uris)),
});
export default connect(

View file

@ -16,12 +16,10 @@ type Props = {
referralLink: string,
referralCode: string,
channels: ?Array<ChannelClaim>,
resolvingUris: Array<string>,
resolveUris: (Array<string>) => void,
};
function InviteNew(props: Props) {
const { inviteNew, errorMessage, isPending, referralCode = '', channels, resolveUris, resolvingUris } = props;
const { inviteNew, errorMessage, isPending, referralCode = '', channels } = props;
const rewardAmount = 20;
// Email
@ -36,9 +34,6 @@ function InviteNew(props: Props) {
// Referral link
const [referralSource, setReferralSource] = useState(referralCode);
/* Canonical Referral links
* We need to make sure our channels are resolved so that canonical_url is present
*/
function handleReferralChange(code) {
setReferralSource(code);
@ -49,13 +44,6 @@ function InviteNew(props: Props) {
}
}
const [resolveStarted, setResolveStarted] = useState(false);
const [hasResolved, setHasResolved] = useState(false);
// join them so that useEffect doesn't update on new objects
const uris = channels && channels.map(channel => channel.permanent_url).join(',');
const channelCount = channels && channels.length;
const resolvingCount = resolvingUris && resolvingUris.length;
const topChannel =
channels &&
channels.reduce((top, channel) => {
@ -70,27 +58,12 @@ function InviteNew(props: Props) {
const referral = `${URL}/$/invite/${referralString.replace('#', ':')}`;
useEffect(() => {
// resolve once, after we have channel list
if (!hasResolved && !resolveStarted && channelCount && uris) {
setResolveStarted(true);
resolveUris(uris.split(','));
}
}, [channelCount, resolveStarted, hasResolved, resolvingCount, uris]);
useEffect(() => {
// once resolving count is 0, we know we're done
if (resolveStarted && !hasResolved && resolvingCount === 0) {
setHasResolved(true);
}
}, [resolveStarted, hasResolved, resolvingCount]);
useEffect(() => {
// set default channel
if (topChannel && hasResolved) {
if (topChannel) {
handleReferralChange(topChannel.name);
}
}, [topChannel, hasResolved]);
}, [topChannel]);
function lookupUrlByClaimName(name, channels) {
const claim = channels.find(channel => channel.name === name);