9a4e5763f5
* basic market categories * use tags to store market category * display category in market * display full category * category selector component on feed * Move feed data fetching to new file * Decrease batch size for updating feed to prevent out-of-memory error * Compute and update category feeds! * Show feeds based on category tabs * Add react-query package! * Use react query to cache contracts * Remove 'other' category * Add back personal / friends to feed categories * Show scrollbar temporarily for categories * Remove 5 categories, change geopolitics to world * finance => economics * Show categories on two lines on larger screens Co-authored-by: James Grugett <jahooma@gmail.com>
69 lines
2.1 KiB
TypeScript
69 lines
2.1 KiB
TypeScript
import { Contract } from 'web/lib/firebase/contracts'
|
|
import { Comment } from 'web/lib/firebase/comments'
|
|
import { Bet } from 'common/bet'
|
|
import { useBets } from 'web/hooks/use-bets'
|
|
import { useComments } from 'web/hooks/use-comments'
|
|
import {
|
|
getAllContractActivityItems,
|
|
getRecentContractActivityItems,
|
|
getSpecificContractActivityItems,
|
|
} from './activity-items'
|
|
import { FeedItems } from './feed-items'
|
|
import { User } from 'common/user'
|
|
import { useContract } from 'web/hooks/use-contract'
|
|
|
|
export function ContractActivity(props: {
|
|
contract: Contract
|
|
bets: Bet[]
|
|
comments: Comment[]
|
|
user: User | null | undefined
|
|
mode:
|
|
| 'only-recent'
|
|
| 'abbreviated'
|
|
| 'all'
|
|
| 'comments'
|
|
| 'bets'
|
|
| 'free-response-comment-answer-groups'
|
|
contractPath?: string
|
|
className?: string
|
|
betRowClassName?: string
|
|
}) {
|
|
const { user, mode, contractPath, className, betRowClassName } = props
|
|
|
|
const contract = useContract(props.contract.id) ?? props.contract
|
|
|
|
const updatedComments =
|
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
mode === 'only-recent' ? undefined : useComments(contract.id)
|
|
const comments = updatedComments ?? props.comments
|
|
|
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
const updatedBets = mode === 'only-recent' ? undefined : useBets(contract.id)
|
|
const bets = updatedBets ?? props.bets
|
|
|
|
const items =
|
|
mode === 'only-recent'
|
|
? getRecentContractActivityItems(contract, bets, comments, user, {
|
|
contractPath,
|
|
})
|
|
: mode === 'comments' ||
|
|
mode === 'bets' ||
|
|
mode === 'free-response-comment-answer-groups'
|
|
? getSpecificContractActivityItems(contract, bets, comments, user, {
|
|
mode,
|
|
})
|
|
: // only used in abbreviated mode with folds/communities, all mode isn't used
|
|
getAllContractActivityItems(contract, bets, comments, user, {
|
|
abbreviated: mode === 'abbreviated',
|
|
})
|
|
|
|
return (
|
|
<FeedItems
|
|
contract={contract}
|
|
items={items}
|
|
className={className}
|
|
betRowClassName={betRowClassName}
|
|
/>
|
|
)
|
|
}
|