UserAvatarContext
Provides the current user's avatar element.
import { UserAvatarContext } from '@superinterface/react'
import { useContext } from 'react'
export const UserAvatar = () => {
const avatar = useContext(UserAvatarContext)
return avatar
}
Provider
Override the avatar with UserAvatarContext.Provider
.
import { UserAvatarContext, Avatar } from '@superinterface/react'
;<UserAvatarContext.Provider value={<Avatar src="/me.png" />}>
{children}
</UserAvatarContext.Provider>
Consumer
<UserAvatarContext.Consumer>{(avatar) => avatar}</UserAvatarContext.Consumer>