44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
|
"use client"
|
||
|
|
|
||
|
|
import { useEffect, useState } from "react"
|
||
|
|
import { useRouter } from "next/navigation"
|
||
|
|
import LoginForm from "@/components/login-form"
|
||
|
|
|
||
|
|
export default function HomePage() {
|
||
|
|
const [isAuthenticated, setIsAuthenticated] = useState(false)
|
||
|
|
const [isLoading, setIsLoading] = useState(true)
|
||
|
|
const router = useRouter()
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const token = localStorage.getItem("access_token")
|
||
|
|
if (token) {
|
||
|
|
setIsAuthenticated(true)
|
||
|
|
router.push("/dashboard")
|
||
|
|
} else {
|
||
|
|
setIsLoading(false)
|
||
|
|
}
|
||
|
|
}, [router])
|
||
|
|
|
||
|
|
if (isLoading) {
|
||
|
|
return (
|
||
|
|
<div className="min-h-screen flex items-center justify-center">
|
||
|
|
<div className="animate-spin rounded-full h-32 w-32 border-b-2 border-gray-900"></div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="min-h-screen bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8">
|
||
|
|
<div className="sm:mx-auto sm:w-full sm:max-w-md">
|
||
|
|
<h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">Sistema de Transcrição</h2>
|
||
|
|
<p className="mt-2 text-center text-sm text-gray-600">Faça login para acessar o dashboard</p>
|
||
|
|
</div>
|
||
|
|
<div className="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
|
||
|
|
<div className="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
|
||
|
|
<LoginForm />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|