open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Show all recent activity if user has no folds

Browse Source
This commit is contained in:
Austin Chen 2022-02-06 16:03:36 -08:00
parent 4f0b94150c
commit ab6cfd2564
1 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
web/pages/home.tsx
View File

@ -22,6 +22,7 @@ import { SearchIcon } from '@heroicons/react/outline'
import { Row } from '../components/layout/row' import { Row } from '../components/layout/row'
import { SparklesIcon } from '@heroicons/react/solid' import { SparklesIcon } from '@heroicons/react/solid'
import { useFollowedFolds } from '../hooks/use-fold' import { useFollowedFolds } from '../hooks/use-fold'
import { SiteLink } from '../components/site-link'
export async function getStaticProps() { export async function getStaticProps() {
const [contracts, folds] = await Promise.all([ const [contracts, folds] = await Promise.all([
@ -61,9 +62,9 @@ const Home = (props: {
contracts.map((contract, index) => [contract.id, index]) contracts.map((contract, index) => [contract.id, index])
) )
const followedFoldIds = useFollowedFolds(user) const followedFoldIds = useFollowedFolds(user) ?? []
const followedFolds = filterDefined( const followedFolds = filterDefined(
(followedFoldIds ?? []).map((id) => folds.find((fold) => fold.id === id)) followedFoldIds.map((id) => folds.find((fold) => fold.id === id))
) )
const tagSet = new Set( const tagSet = new Set(
_.flatten(followedFolds.map((fold) => fold.lowercaseTags)) _.flatten(followedFolds.map((fold) => fold.lowercaseTags))
@ -74,14 +75,16 @@ const Home = (props: {
? new Set(yourBetContractIds) ? new Set(yourBetContractIds)
: undefined : undefined
const feedContracts = // By default, show all contracts
followedFoldIds && yourBetContracts let feedContracts = contracts
? contracts.filter( // If the user is following any folds, then exclude all other contracts
(contract) => if (yourBetContracts && followedFoldIds.length > 0) {
contract.lowercaseTags.some((tag) => tagSet.has(tag)) || feedContracts = contracts.filter(
yourBetContracts.has(contract.id) (contract) =>
) contract.lowercaseTags.some((tag) => tagSet.has(tag)) ||
: undefined yourBetContracts.has(contract.id)
)
}
const oneDayMS = 24 * 60 * 60 * 1000 const oneDayMS = 24 * 60 * 60 * 1000
const recentBets = (feedContracts ?? []) const recentBets = (feedContracts ?? [])
@ -142,7 +145,19 @@ const Home = (props: {
<Row className="text-sm text-gray-800 mx-3 mb-3 gap-2 items-center"> <Row className="text-sm text-gray-800 mx-3 mb-3 gap-2 items-center">
<SparklesIcon className="inline w-5 h-5" aria-hidden="true" /> <SparklesIcon className="inline w-5 h-5" aria-hidden="true" />
Recent activity Recent activity
{followedFoldIds.length === 0 ? (
<>
<span>—</span>
<span>
<SiteLink href="/folds" className="font-semibold">
follow a community
</SiteLink>{' '}
to personalize
</span>
</>
) : null}
</Row> </Row>
{activeContracts ? ( {activeContracts ? (
<ActivityFeed <ActivityFeed
contracts={activeContracts} contracts={activeContracts}