25ee793208
* Factor out section header * Remove daily balance change * Remove dead code * Layout, add streak * Fix visibility observer to work on server * Tweak * Search perserved by url * Add pill query param * Add search page * Extract component for ProbChangeRow * Explore groups page * Add search row * Add trending groups section * Add unfollow option for group * Experimental home: accommodate old saved sections. * Tweaks to search layout * Rearrange layout * Daily movers page * Add streak grayed out indicator * Use firebase query instead of algolia search for groups * Replace trending group card with pills * Hide streak if you turned off that notification * Listen for group updates * Better UI for adding / removing groups * Toast feedback for join/leave group. Customize button moved to bottom. * Remove Home title * Refactor arrange home * Add new for you section * Add prefetch * Move home out of experimental! * Remove unused import * Show non-public markets from group
90 lines
2.3 KiB
TypeScript
90 lines
2.3 KiB
TypeScript
import { useFirestoreQueryData } from '@react-query-firebase/firestore'
|
|
import { useEffect, useState } from 'react'
|
|
import {
|
|
Contract,
|
|
listenForContracts,
|
|
listenForHotContracts,
|
|
listenForInactiveContracts,
|
|
getUserBetContracts,
|
|
getUserBetContractsQuery,
|
|
listAllContracts,
|
|
trendingContractsQuery,
|
|
getContractsQuery,
|
|
} from 'web/lib/firebase/contracts'
|
|
import { QueryClient, useQueryClient } from 'react-query'
|
|
import { MINUTE_MS } from 'common/util/time'
|
|
import { query, limit } from 'firebase/firestore'
|
|
import { Sort } from 'web/components/contract-search'
|
|
|
|
export const useContracts = () => {
|
|
const [contracts, setContracts] = useState<Contract[] | undefined>()
|
|
|
|
useEffect(() => {
|
|
return listenForContracts(setContracts)
|
|
}, [])
|
|
|
|
return contracts
|
|
}
|
|
|
|
const q = new QueryClient()
|
|
export const getCachedContracts = async () =>
|
|
q.fetchQuery(['contracts'], () => listAllContracts(1000), {
|
|
staleTime: Infinity,
|
|
})
|
|
|
|
export const useTrendingContracts = (maxContracts: number) => {
|
|
const result = useFirestoreQueryData(
|
|
['trending-contracts', maxContracts],
|
|
query(trendingContractsQuery, limit(maxContracts))
|
|
)
|
|
return result.data
|
|
}
|
|
|
|
export const useContractsQuery = (
|
|
sort: Sort,
|
|
maxContracts: number,
|
|
filters: { groupSlug?: string } = {},
|
|
visibility?: 'public'
|
|
) => {
|
|
const result = useFirestoreQueryData(
|
|
['contracts-query', sort, maxContracts, filters],
|
|
getContractsQuery(sort, maxContracts, filters, visibility)
|
|
)
|
|
return result.data
|
|
}
|
|
|
|
export const useInactiveContracts = () => {
|
|
const [contracts, setContracts] = useState<Contract[] | undefined>()
|
|
|
|
useEffect(() => {
|
|
return listenForInactiveContracts(setContracts)
|
|
}, [])
|
|
|
|
return contracts
|
|
}
|
|
|
|
export const useHotContracts = () => {
|
|
const [hotContracts, setHotContracts] = useState<Contract[] | undefined>()
|
|
|
|
useEffect(() => listenForHotContracts(setHotContracts), [])
|
|
|
|
return hotContracts
|
|
}
|
|
|
|
export const usePrefetchUserBetContracts = (userId: string) => {
|
|
const queryClient = useQueryClient()
|
|
return queryClient.prefetchQuery(
|
|
['contracts', 'bets', userId],
|
|
() => getUserBetContracts(userId),
|
|
{ staleTime: 5 * MINUTE_MS }
|
|
)
|
|
}
|
|
|
|
export const useUserBetContracts = (userId: string) => {
|
|
const result = useFirestoreQueryData(
|
|
['contracts', 'bets', userId],
|
|
getUserBetContractsQuery(userId)
|
|
)
|
|
return result.data
|
|
}
|