27 lines
910 B
TypeScript
27 lines
910 B
TypeScript
import { useAuth } from '../context/AuthProvider'
|
|
import { Avatar } from '../components/ui'
|
|
|
|
export function ProfileView() {
|
|
const { user } = useAuth()
|
|
|
|
return (
|
|
<section className="space-y-6">
|
|
<div>
|
|
<h1 className="text-2xl font-bold text-primary">Mi perfil</h1>
|
|
<p className="mt-1 text-sm text-foreground/60">Tus datos personales.</p>
|
|
</div>
|
|
|
|
<div className="rounded-xl border border-border bg-white p-5">
|
|
<div className="flex items-center gap-4">
|
|
<Avatar name={user?.name} src={user?.image ?? undefined} className="size-14 text-lg" />
|
|
<div className="min-w-0">
|
|
<p className="truncate text-base font-semibold text-primary">
|
|
{user?.name ?? 'Usuario'}
|
|
</p>
|
|
<p className="truncate text-sm text-foreground/50">{user?.email}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
)
|
|
} |