// @flow import * as ICONS from 'constants/icons'; import * as PAGES from 'constants/pages'; import * as CS from 'constants/claim_search'; import React from 'react'; import moment from 'moment'; import Page from 'component/page'; import Button from 'component/button'; import ClaimTilesDiscover from 'component/claimTilesDiscover'; import Icon from 'component/common/icon'; import I18nMessage from 'component/i18nMessage'; import { parseURI } from 'lbry-redux'; import { toCapitalCase } from 'util/string'; type Props = { authenticated: boolean, followedTags: Array, subscribedChannels: Array, }; type RowDataItem = { title: string, link?: string, help?: any, options?: {}, }; function HomePage(props: Props) { const { followedTags, subscribedChannels, authenticated } = props; const showAuthenticatedRows = authenticated || !IS_WEB; let rowData: Array = []; if (!showAuthenticatedRows) { rowData.push({ title: 'Top Channels On LBRY', link: `/$/${PAGES.DISCOVER}?claim_type=channel&${CS.ORDER_BY_KEY}=${CS.ORDER_BY_TOP}&${CS.FRESH_KEY}=${ CS.FRESH_ALL }`, options: { orderBy: ['effective_amount'], claimType: ['channel'], }, }); } if (showAuthenticatedRows) { if (subscribedChannels && subscribedChannels.length > 0) { let releaseTime = `>${Math.floor( moment() .subtract(1, 'year') .startOf('week') .unix() )}`; // Warning - hack below // If users are following more than 20 channels or tags, limit results to stuff less than 6 months old // This helps with timeout issues for users that are following a ton of stuff // https://github.com/lbryio/lbry-sdk/issues/2420 if (subscribedChannels.length > 20) { releaseTime = `>${Math.floor( moment() .subtract(6, 'months') .startOf('week') .unix() )}`; } rowData.push({ title: 'Recent From Following', link: `/$/${PAGES.CHANNELS_FOLLOWING}`, options: { orderBy: ['release_time'], releaseTime: releaseTime, pageSize: subscribedChannels.length > 3 ? 8 : 4, channelIds: subscribedChannels.map(subscription => { const { channelClaimId } = parseURI(subscription.uri); return channelClaimId; }), }, }); } if (followedTags.length === 0) { rowData.push({ title: 'Trending On LBRY', link: `/$/${PAGES.DISCOVER}`, options: { pageSize: subscribedChannels.length > 0 ? 4 : 8, }, }); } if (followedTags.length > 0 && followedTags.length < 5) { const followedRows = followedTags.map((tag: Tag) => ({ title: `Trending for #${toCapitalCase(tag.name)}`, link: `/$/${PAGES.DISCOVER}?t=${tag.name}`, options: { pageSize: 4, tags: [tag.name], claimType: ['stream'], }, })); rowData.push(...followedRows); } if (followedTags.length > 4) { rowData.push({ title: 'Trending For Your Tags', link: `/$/${PAGES.TAGS_FOLLOWING}`, options: { tags: followedTags.map(tag => tag.name), claimType: ['stream'], }, }); } } // Everyone rowData.push( { title: 'Top Content Last Week', link: `/$/${PAGES.DISCOVER}?${CS.ORDER_BY_KEY}=${CS.ORDER_BY_TOP}&${CS.FRESH_KEY}=${CS.FRESH_WEEK}`, options: { orderBy: ['effective_amount'], pageSize: 4, claimType: ['stream'], releaseTime: `>${Math.floor( moment() .subtract(1, 'week') .startOf('day') .unix() )}`, }, }, { title: '#HomePageCageMatch', link: `/$/${PAGES.DISCOVER}?t=homepagecagematch&${CS.ORDER_BY_KEY}=${CS.ORDER_BY_TOP}&${CS.FRESH_KEY}=${ CS.FRESH_ALL }`, help: (
), options: { tags: ['homepagecagematch'], orderBy: ['effective_amount'], timestamp: `>${Math.floor( moment() .subtract(1, 'week') .startOf('day') .unix() )}`, }, } ); if (!showAuthenticatedRows) { rowData.push({ title: '#lbry', link: `/$/${PAGES.DISCOVER}?t=lbry&${CS.ORDER_BY_KEY}=${CS.ORDER_BY_TOP}&${CS.FRESH_KEY}=${CS.FRESH_ALL}`, options: { tags: ['lbry'], orderBy: ['effective_amount'], pageSize: 4, }, }); } if (showAuthenticatedRows) { rowData.push({ title: 'Trending On LBRY', link: `/$/${PAGES.DISCOVER}`, }); } rowData.push({ title: 'Latest From @lbrycast', link: `/@lbrycast:4`, options: { orderBy: ['release_time'], pageSize: 4, channelIds: ['4c29f8b013adea4d5cca1861fb2161d5089613ea'], }, }); rowData.push({ title: 'Latest From @lbry', link: `/@lbry:3f`, options: { orderBy: ['release_time'], pageSize: 4, channelIds: ['3fda836a92faaceedfe398225fb9b2ee2ed1f01a'], }, }); return ( {(authenticated || !IS_WEB) && !subscribedChannels.length && (

{__('LBRY Works Better If You Are Following Channels')}

), }} > You aren't currently following any channels. %discover_channels_link%.

)} {rowData.map(({ title, link, help, options = {} }) => (

{link ? (

))}
); } export default HomePage;