2677cd17d8
* new signin/signup * cleanup and password reset * new flow working * cleanup * add 'autoComplete' props * fix prop * try to call email/confirm before resetting password * Dont use password reset token for email confirmation. * add password reset * password manager improvements * update lbryinc * cleanup * slightly improve close button on sign up page * moar fixes * fix password autofil Co-authored-by: Mark Beamer Jr <markbeamerjr@gmail.com>
75 lines
2.3 KiB
JavaScript
75 lines
2.3 KiB
JavaScript
// @flow
|
|
import React, { useEffect } from 'react';
|
|
import ClaimListDiscover from 'component/claimListDiscover';
|
|
import * as CS from 'constants/claim_search';
|
|
import Nag from 'component/common/nag';
|
|
import { parseURI } from 'lbry-redux';
|
|
import Button from 'component/button';
|
|
import Card from 'component/common/card';
|
|
|
|
type Props = {
|
|
subscribedChannels: Array<Subscription>,
|
|
onContinue: () => void,
|
|
onBack: () => void,
|
|
channelSubscribe: (sub: Subscription) => void,
|
|
};
|
|
|
|
const LBRYURI = 'lbry://@lbry#3fda836a92faaceedfe398225fb9b2ee2ed1f01a';
|
|
function UserChannelFollowIntro(props: Props) {
|
|
const { subscribedChannels, channelSubscribe, onContinue, onBack } = props;
|
|
const followingCount = (subscribedChannels && subscribedChannels.length) || 0;
|
|
|
|
// subscribe to lbry
|
|
useEffect(() => {
|
|
channelSubscribe({
|
|
channelName: parseURI(LBRYURI).claimName,
|
|
uri: LBRYURI,
|
|
});
|
|
}, []);
|
|
|
|
return (
|
|
<Card
|
|
title={__('Find Channels to Follow')}
|
|
subtitle={__(
|
|
'LBRY works better if you find and follow at least 5 creators you like. You can also block channels you never want to see.'
|
|
)}
|
|
actions={
|
|
<React.Fragment>
|
|
<div className="section__actions">
|
|
<Button button="secondary" onClick={onBack} label={__('Back')} />
|
|
<Button
|
|
button="primary"
|
|
type="Submit"
|
|
onClick={onContinue}
|
|
label={__('Continue')}
|
|
disabled={subscribedChannels.length < 2}
|
|
/>
|
|
</div>
|
|
<div className="section__body">
|
|
<ClaimListDiscover
|
|
defaultOrderBy={CS.ORDER_BY_TOP}
|
|
defaultFreshness={CS.FRESH_ALL}
|
|
claimType="channel"
|
|
defaultTags={CS.TAGS_FOLLOWED}
|
|
/>
|
|
{followingCount > 0 && (
|
|
<Nag
|
|
type="helpful"
|
|
message={
|
|
followingCount === 1
|
|
? __('Nice! You are currently following %followingCount% creator', { followingCount })
|
|
: __('Nice! You are currently following %followingCount% creators', { followingCount })
|
|
}
|
|
actionText={__('Continue')}
|
|
onClick={onContinue}
|
|
/>
|
|
)}
|
|
</div>
|
|
</React.Fragment>
|
|
}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default UserChannelFollowIntro;
|