manifold/web/hooks/use-user.ts
2022-09-01 19:38:09 -07:00

41 lines
1.2 KiB
TypeScript

import { useContext } from 'react'
import { useFirestoreDocumentData } from '@react-query-firebase/firestore'
import { useQueryClient } from 'react-query'
import { doc, DocumentData } from 'firebase/firestore'
import { getUser, User, users } from 'web/lib/firebase/users'
import { AuthContext } from 'web/components/auth-context'
export const useUser = () => {
const authUser = useContext(AuthContext)
return authUser ? authUser.user : authUser
}
export const usePrivateUser = () => {
const authUser = useContext(AuthContext)
return authUser ? authUser.privateUser : authUser
}
export const useUserById = (userId = '_') => {
const result = useFirestoreDocumentData<DocumentData, User>(
['users', userId],
doc(users, userId),
{ subscribe: true, includeMetadataChanges: true }
)
if (userId === '_') return undefined
return result.isLoading ? undefined : result.data
}
export const usePrefetchUser = (userId: string) => {
return usePrefetchUsers([userId])[0]
}
export const usePrefetchUsers = (userIds: string[]) => {
const queryClient = useQueryClient()
return userIds.map((userId) =>
queryClient.prefetchQuery(['users', userId], () => getUser(userId))
)
}