Files
aerbim-ht-monitor/frontend/app/providers/AuthProvider.tsx

69 lines
2.0 KiB
TypeScript

'use client'
import { useSession } from 'next-auth/react'
import { useEffect } from 'react'
import useUserStore from '../store/userStore'
export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
const { data: session } = useSession()
const { setUser, setAuthenticated } = useUserStore()
useEffect(() => {
const fetchUserData = async () => {
if (!session?.accessToken) {
setUser(null)
setAuthenticated(false)
return
}
const base = process.env.NEXT_PUBLIC_API_URL || '/api/v1'
const baseClean = base.replace(/\/+$/, '')
const url = `${baseClean}/account/user/`
console.log('[AuthProvider] Fetching user from:', url)
try {
const response = await fetch(url, {
headers: {
Authorization: `Bearer ${session.accessToken}`,
Accept: 'application/json',
},
cache: 'no-store',
redirect: 'follow',
})
if (!response.ok) {
const errorText = await response.text()
console.error('Error fetching user data:', {
status: response.status,
url: url,
body: errorText,
})
throw new Error(`Error fetching user data: ${response.status} ${errorText}`)
}
const userData = await response.json()
setUser({
id: userData.id,
name: userData.name || session.user.name || '',
surname: userData.surname || '',
email: userData.email || session.user.email || '',
image: userData.imageURL || userData.image,
account_type: userData.account_type,
login: userData.login ?? session.user.name ?? '',
uuid: userData.uuid,
})
setAuthenticated(true)
} catch (error) {
console.error('Error in fetchUserData:', error)
setAuthenticated(false)
setUser(null)
}
}
fetchUserData()
}, [session, setUser, setAuthenticated])
return <>{children}</>
}