36 lines
617 B
JavaScript
36 lines
617 B
JavaScript
|
import React, { useContext } from 'react'
|
||
|
|
import { gql, useQuery } from '@apollo/client'
|
||
|
|
|
||
|
|
export const MeContext = React.createContext({
|
||
|
|
me: null
|
||
|
|
})
|
||
|
|
|
||
|
|
export function MeProvider ({ children }) {
|
||
|
|
const query = gql`
|
||
|
|
{
|
||
|
|
me {
|
||
|
|
id
|
||
|
|
sats
|
||
|
|
stacked
|
||
|
|
freePosts
|
||
|
|
freeComments
|
||
|
|
}
|
||
|
|
}`
|
||
|
|
const { data } = useQuery(query, { pollInterval: 1000 })
|
||
|
|
|
||
|
|
const contextValue = {
|
||
|
|
me: data ? data.me : null
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<MeContext.Provider value={contextValue}>
|
||
|
|
{children}
|
||
|
|
</MeContext.Provider>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useMe () {
|
||
|
|
const { me } = useContext(MeContext)
|
||
|
|
return me
|
||
|
|
}
|