55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
|
"use client"
|
||
|
|
|
||
|
|
import { useEffect, useState } from "react"
|
||
|
|
import { useSession } from "@/lib/auth-client"
|
||
|
|
import type { Profile } from "@/types"
|
||
|
|
|
||
|
|
interface UserState {
|
||
|
|
user: { id: string; email: string; name?: string | null } | null
|
||
|
|
profile: Profile | null
|
||
|
|
loading: boolean
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useUser(): UserState {
|
||
|
|
const { data: session, isPending } = useSession()
|
||
|
|
const [profile, setProfile] = useState<Profile | null>(null)
|
||
|
|
const [profileLoading, setProfileLoading] = useState(true)
|
||
|
|
|
||
|
|
const userId = session?.user?.id
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
let active = true
|
||
|
|
if (!userId) {
|
||
|
|
setProfile(null)
|
||
|
|
setProfileLoading(false)
|
||
|
|
return
|
||
|
|
}
|
||
|
|
setProfileLoading(true)
|
||
|
|
fetch("/api/profile")
|
||
|
|
.then((r) => (r.ok ? r.json() : { profile: null }))
|
||
|
|
.then((data) => {
|
||
|
|
if (active) {
|
||
|
|
setProfile(data.profile ?? null)
|
||
|
|
setProfileLoading(false)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.catch(() => {
|
||
|
|
if (active) {
|
||
|
|
setProfile(null)
|
||
|
|
setProfileLoading(false)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
return () => {
|
||
|
|
active = false
|
||
|
|
}
|
||
|
|
}, [userId])
|
||
|
|
|
||
|
|
return {
|
||
|
|
user: session?.user
|
||
|
|
? { id: session.user.id, email: session.user.email, name: session.user.name }
|
||
|
|
: null,
|
||
|
|
profile,
|
||
|
|
loading: isPending || profileLoading,
|
||
|
|
}
|
||
|
|
}
|