You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.4 KiB
49 lines
1.4 KiB
'use client'
|
|
|
|
import { GoogleOAuthProvider } from '@react-oauth/google'
|
|
import { SessionProvider } from 'next-auth/react'
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
import httpBrowserClient from '@/lib/httpBrowserClient'
|
|
import { ApiEndpoints } from '@/config/api'
|
|
import { useEffect } from 'react'
|
|
import { usePathname, useRouter } from 'next/navigation'
|
|
import { Routes } from '@/config/routes'
|
|
|
|
export default function LayoutWrapper({ session, children }) {
|
|
const router = useRouter()
|
|
const pathname = usePathname()
|
|
|
|
// log the user out if token has expired
|
|
useEffect(() => {
|
|
if (session && session.user && !pathname.includes(Routes.logout)) {
|
|
httpBrowserClient
|
|
.get(ApiEndpoints.auth.whoAmI())
|
|
.then((response) => {
|
|
// token is still valid
|
|
// TODO: if name has changed, update session
|
|
})
|
|
.catch((error) => {
|
|
if (error.response?.status === 401) {
|
|
// token has expired
|
|
router.push(Routes.logout)
|
|
}
|
|
})
|
|
}
|
|
}, [pathname, router, session])
|
|
|
|
const queryClient = new QueryClient()
|
|
|
|
return (
|
|
<>
|
|
<SessionProvider session={session}>
|
|
<QueryClientProvider client={queryClient}>
|
|
<GoogleOAuthProvider
|
|
clientId={process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID}
|
|
>
|
|
{children}
|
|
</GoogleOAuthProvider>
|
|
</QueryClientProvider>
|
|
</SessionProvider>
|
|
</>
|
|
)
|
|
}
|