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>
53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
import _, { Dictionary } from 'lodash'
|
|
import { useState, useEffect } from 'react'
|
|
import type { feed } from 'common/feed'
|
|
import { useTimeSinceFirstRender } from './use-time-since-first-render'
|
|
import { trackLatency } from 'web/lib/firebase/tracking'
|
|
import { User } from 'common/user'
|
|
import { getCategoryFeeds, getUserFeed } from 'web/lib/firebase/users'
|
|
import {
|
|
getRecentBetsAndComments,
|
|
getTopWeeklyContracts,
|
|
} from 'web/lib/firebase/contracts'
|
|
|
|
export const useAlgoFeed = (user: User | null | undefined) => {
|
|
const [feed, setFeed] = useState<feed>()
|
|
const [categoryFeeds, setCategoryFeeds] = useState<Dictionary<feed>>()
|
|
|
|
const getTime = useTimeSinceFirstRender()
|
|
|
|
useEffect(() => {
|
|
if (user) {
|
|
getUserFeed(user.id).then((feed) => {
|
|
if (feed.length === 0) {
|
|
getDefaultFeed().then((feed) => setFeed(feed))
|
|
} else setFeed(feed)
|
|
|
|
trackLatency('feed', getTime())
|
|
console.log('feed load time', getTime())
|
|
})
|
|
|
|
getCategoryFeeds(user.id).then((feeds) => {
|
|
setCategoryFeeds(feeds)
|
|
console.log('category feeds load time', getTime())
|
|
})
|
|
}
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [user?.id])
|
|
|
|
const followedCategory = user?.followedCategories?.[0] ?? 'all'
|
|
|
|
const followedFeed =
|
|
followedCategory === 'all' ? feed : categoryFeeds?.[followedCategory]
|
|
|
|
return followedFeed
|
|
}
|
|
|
|
const getDefaultFeed = async () => {
|
|
const contracts = await getTopWeeklyContracts()
|
|
const feed = await Promise.all(
|
|
contracts.map((c) => getRecentBetsAndComments(c))
|
|
)
|
|
return feed
|
|
}
|