nestjs_boilerpalte/client/app/dashboard/page.tsx
2024-12-13 09:36:41 +01:00

31 lines
739 B
TypeScript

"use client";
import { useEffect, useState } from "react";
import { useRouter } from "next/navigation";
import { useUser } from "../hooks/useUser";
import { useAuth } from "../hooks/useAuth";
export default function DashboardPage() {
const router = useRouter();
const { token } = useAuth();
const user = useUser();
useEffect(() => {
if (!token) {
router.push("/login");
}
}, [token, router]);
if (!user) {
return <div>Loading...</div>;
}
return (
<div className="min-h-screen p-4">
<div className="max-w-4xl mx-auto">
<h1 className="text-2xl font-bold">Welcome, {user.firstName}!</h1>
<p>Email: {user.email}</p>
<p>Role: {user.role}</p>
</div>
</div>
);
}