Files
full-stack-fastapi-template/frontend/src/hooks/useAuth.ts
2024-03-29 01:22:28 +00:00

43 lines
956 B
TypeScript

import { useNavigate } from "@tanstack/react-router"
import { useQuery } from "react-query"
import {
LoginService,
UsersService,
type Body_login_login_access_token as AccessToken,
type UserOut,
} from "../client"
const isLoggedIn = () => {
return localStorage.getItem("access_token") !== null
}
const useAuth = () => {
const navigate = useNavigate()
const { data: user, isLoading } = useQuery<UserOut | null, Error>(
"currentUser",
UsersService.readUserMe,
{
enabled: isLoggedIn(),
},
)
const login = async (data: AccessToken) => {
const response = await LoginService.loginAccessToken({
formData: data,
})
localStorage.setItem("access_token", response.access_token)
navigate({ to: "/" })
}
const logout = () => {
localStorage.removeItem("access_token")
navigate({ to: "/login" })
}
return { login, logout, user, isLoading }
}
export { isLoggedIn }
export default useAuth