70 lines
2.3 KiB
TypeScript
70 lines
2.3 KiB
TypeScript
import { Href, useRouter } from 'expo-router'
|
||
import { useRouteInfo } from 'expo-router/build/hooks'
|
||
import { ReactNode, useEffect } from 'react'
|
||
import { useAuth, useAuthLogin } from '@/hooks/useAuth'
|
||
import * as SecureStore from '@/utils/SecureStore'
|
||
import { useLoginMutation } from '@/hooks/mutations/useLoginMutation'
|
||
|
||
type Props = {
|
||
loginRedirect: Href
|
||
children: ReactNode
|
||
}
|
||
|
||
export default function LoginProvider({ loginRedirect, children }: Props) {
|
||
const router = useRouter()
|
||
const route = useRouteInfo()
|
||
const auth = useAuth()
|
||
const authLogin = useAuthLogin()
|
||
const loginMutation = useLoginMutation({
|
||
authLogin,
|
||
onError: ({ response }) => {
|
||
if (response)
|
||
authLogin({ name: auth.name ?? "", password: null, token: null })
|
||
else
|
||
authLogin({ name: auth.name ?? "", token: null })
|
||
}
|
||
})
|
||
|
||
useEffect(() => {
|
||
(async () => {
|
||
const storedName = await SecureStore.getItemAsync('apiName')
|
||
const storedToken = await SecureStore.getItemAsync('apiToken')
|
||
if (!auth.loggedIn && storedName !== null && storedName !== auth.name && storedToken !== auth.token) {
|
||
authLogin({ name: storedName, token: storedToken })
|
||
return
|
||
}
|
||
|
||
// Si on est pas connecté⋅e, on reste sur la fenêtre de connexion
|
||
if ((!auth.loggedIn || !auth.token) && route.pathname !== loginRedirect)
|
||
router.navigate(loginRedirect)
|
||
})()
|
||
}, [auth, authLogin, router, route])
|
||
|
||
useEffect(() => {
|
||
// Renouvellement auto du jeton d'authentification
|
||
const { name, token } = auth
|
||
const password = SecureStore.getItem('apiPassword')
|
||
if (name === null || (password === null && token === null))
|
||
return
|
||
let waitTime = 0
|
||
if (token !== null && token !== undefined) {
|
||
const arrayToken = token.split('.')
|
||
const tokenPayload = JSON.parse(atob(arrayToken[1]))
|
||
const expTime: number = tokenPayload.exp * 1000
|
||
const now: number = Math.floor(new Date().getTime())
|
||
waitTime = expTime - now
|
||
}
|
||
const timeout = setTimeout(async () => {
|
||
const password = SecureStore.getItem('apiPassword')
|
||
if (password)
|
||
loginMutation.mutate({ name, password })
|
||
else
|
||
authLogin({ name: name, token: null })
|
||
}, waitTime)
|
||
return () => clearTimeout(timeout)
|
||
}, [auth, authLogin])
|
||
|
||
return <>
|
||
{children}
|
||
</>
|
||
} |