106 lines
2.9 KiB
TypeScript
106 lines
2.9 KiB
TypeScript
'use client'
|
|
|
|
import { useEffect, useMemo, useState } from 'react'
|
|
import { useRouter } from 'next/navigation'
|
|
import useAuthStore from '../store/authStore'
|
|
|
|
function isUserAdmin(user: any): boolean {
|
|
if (!user) return false
|
|
if (user.user && typeof user.user === 'object') {
|
|
return isUserAdmin(user.user)
|
|
}
|
|
const role = user.role ?? user.userType ?? user.user_type
|
|
if (role === 'admin' || role === 'super_admin') return true
|
|
if (user.isAdmin === true || user.isSuperAdmin === true) return true
|
|
if (Array.isArray(user.roles) && (user.roles.includes('admin') || user.roles.includes('super_admin'))) return true
|
|
return false
|
|
}
|
|
|
|
export default function AdminLayout({ children }: { children: React.ReactNode }) {
|
|
const router = useRouter()
|
|
const user = useAuthStore(s => s.user)
|
|
const isAuthReady = useAuthStore(s => s.isAuthReady)
|
|
const refreshAuthToken = useAuthStore(s => s.refreshAuthToken)
|
|
const [mounted, setMounted] = useState(false)
|
|
|
|
const isAdmin = useMemo(() => isUserAdmin(user), [user])
|
|
|
|
useEffect(() => {
|
|
setMounted(true)
|
|
}, [])
|
|
|
|
useEffect(() => {
|
|
let cancelled = false
|
|
|
|
const guard = async () => {
|
|
if (!mounted || !isAuthReady) return
|
|
|
|
console.log('🔐 AdminLayout guard:start', {
|
|
mounted,
|
|
isAuthReady,
|
|
hasUser: !!user,
|
|
userRole: (user && (user.role ?? user.userType ?? user.user_type)) || null
|
|
})
|
|
|
|
if (!user) {
|
|
try {
|
|
console.log('🔐 AdminLayout: no user, attempting refresh')
|
|
await refreshAuthToken?.()
|
|
} catch {}
|
|
}
|
|
|
|
let currentUser = useAuthStore.getState().user
|
|
let ok = isUserAdmin(currentUser)
|
|
|
|
if (currentUser && !ok) {
|
|
try {
|
|
console.log('🔐 AdminLayout: user present but not admin, revalidating via refresh')
|
|
await refreshAuthToken?.()
|
|
} catch {}
|
|
currentUser = useAuthStore.getState().user
|
|
ok = isUserAdmin(currentUser)
|
|
}
|
|
|
|
console.log('🔐 AdminLayout guard:resolved', {
|
|
hasUser: !!currentUser,
|
|
userRole: currentUser && (currentUser.role ?? currentUser.userType ?? currentUser.user_type),
|
|
isAdmin: ok
|
|
})
|
|
|
|
if (!currentUser) {
|
|
router.replace('/login')
|
|
return
|
|
}
|
|
|
|
if (!ok) {
|
|
router.replace('/dashboard')
|
|
return
|
|
}
|
|
|
|
if (!cancelled) {
|
|
// allowed
|
|
}
|
|
}
|
|
|
|
guard()
|
|
return () => { cancelled = true }
|
|
}, [mounted, isAuthReady, user, refreshAuthToken, router])
|
|
|
|
if (!mounted || !isAuthReady) {
|
|
return (
|
|
<div className="min-h-screen flex items-center justify-center bg-blue-50">
|
|
<div className="text-center">
|
|
<div className="h-12 w-12 rounded-full border-2 border-blue-900 border-b-transparent animate-spin mx-auto mb-4" />
|
|
<p className="text-blue-900">Loading...</p>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
if (!isAdmin) {
|
|
return null
|
|
}
|
|
|
|
return <>{children}</>
|
|
}
|