cms/src/app/login/page.tsx

30 lines
876 B
TypeScript

"use client";
import { useEffect } from "react";
import { useRouter } from "next/navigation";
import { useAuthStore } from "@/store/authStore";
import LoginForm from "@/components/auth/LoginForm";
export default function LoginPage() {
const router = useRouter();
const { isAuthenticated } = useAuthStore();
useEffect(() => {
if (isAuthenticated) {
router.replace("/dashboard");
}
}, [isAuthenticated, router]);
return (
<div className="min-h-screen bg-gradient-to-br from-primary-600 to-primary-800 flex items-center justify-center p-4">
<div className="w-full max-w-md">
<div className="text-center mb-8">
<h1 className="text-4xl font-bold text-white mb-2">Personal CMS</h1>
<p className="text-primary-200">Manage your content with ease</p>
</div>
<LoginForm />
</div>
</div>
);
}