3b3717d307
* Folds=>groups * Show groups on user profile * Allow group creation from /create * Refactoring to groups * Convert folds to groups * Add new add to group notification * Fix user profile tab bug * Add groups nav and tab for my groups * Remove bad profile pages * remove comments * Add group list dropdown to sidebar * remove unused * group cards ui * Messages=>Comments, v2, groupDetails * Discussion time * Cleaning up some code * Remove follow count * Fix pool scoring for cpmm * Fix imports * Simplify rules, add GroupUser collection * Fix group cards * Refactor * Refactor * Small fixes * Remove string * Add api error detail handling * Clear name field * Componentize * Spacing * Undo userpage memo * Member groups are already in my tab * Remove active contracts reference for now * Remove unused * Refactoring * Allow adding old questions to a group * Rename * Wording * Throw standard v2 APIError * Hide input for non-members, add about under title * Multiple names to & # more * Move comments firestore rules to appropriate subpaths * Group membership, pool=>volume * Cleanup, useEvent * Raise state to parent * Eliminate unused * Cleaning up * Clean code * Revert tags input deletion * Cleaning code * Stylling * Limit members to display * Array cleanup * Add categories back in * Private=>closed * Unused vars
92 lines
2.3 KiB
TypeScript
92 lines
2.3 KiB
TypeScript
import { isEqual } from 'lodash'
|
|
import { useEffect, useRef, useState } from 'react'
|
|
import {
|
|
Contract,
|
|
listenForActiveContracts,
|
|
listenForContract,
|
|
listenForContracts,
|
|
listenForHotContracts,
|
|
listenForInactiveContracts,
|
|
listenForNewContracts,
|
|
} from 'web/lib/firebase/contracts'
|
|
|
|
export const useContracts = () => {
|
|
const [contracts, setContracts] = useState<Contract[] | undefined>()
|
|
|
|
useEffect(() => {
|
|
return listenForContracts(setContracts)
|
|
}, [])
|
|
|
|
return contracts
|
|
}
|
|
|
|
export const useActiveContracts = () => {
|
|
const [activeContracts, setActiveContracts] = useState<
|
|
Contract[] | undefined
|
|
>()
|
|
const [newContracts, setNewContracts] = useState<Contract[] | undefined>()
|
|
|
|
useEffect(() => {
|
|
return listenForActiveContracts(setActiveContracts)
|
|
}, [])
|
|
|
|
useEffect(() => {
|
|
return listenForNewContracts(setNewContracts)
|
|
}, [])
|
|
|
|
if (!activeContracts || !newContracts) return undefined
|
|
|
|
return [...activeContracts, ...newContracts]
|
|
}
|
|
|
|
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 useUpdatedContracts = (contracts: Contract[] | undefined) => {
|
|
const [__, triggerUpdate] = useState(0)
|
|
const contractDict = useRef<{ [id: string]: Contract }>({})
|
|
|
|
useEffect(() => {
|
|
if (contracts === undefined) return
|
|
|
|
contractDict.current = Object.fromEntries(contracts.map((c) => [c.id, c]))
|
|
|
|
const disposes = contracts.map((contract) => {
|
|
const { id } = contract
|
|
|
|
return listenForContract(id, (contract) => {
|
|
const curr = contractDict.current[id]
|
|
if (!isEqual(curr, contract)) {
|
|
contractDict.current[id] = contract as Contract
|
|
triggerUpdate((n) => n + 1)
|
|
}
|
|
})
|
|
})
|
|
|
|
triggerUpdate((n) => n + 1)
|
|
|
|
return () => {
|
|
disposes.forEach((dispose) => dispose())
|
|
}
|
|
}, [!!contracts])
|
|
|
|
return contracts && Object.keys(contractDict.current).length > 0
|
|
? contracts.map((c) => contractDict.current[c.id])
|
|
: undefined
|
|
}
|