Fix Dashboard avatar and profile info display

cgen-8ee9f8f0fc3044e68909c3063db0c6b0
This commit is contained in:
Builder.io 2025-08-16 04:13:20 +00:00
parent cbd6c20cb5
commit 91a5fe17a8

View file

@ -294,7 +294,7 @@ export default function Dashboard() {
<div className="text-center space-y-4"> <div className="text-center space-y-4">
<div className="relative"> <div className="relative">
<img <img
src={user.avatar} src={profile?.avatar_url || 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face'}
alt="User Avatar" alt="User Avatar"
className="w-20 h-20 rounded-full mx-auto ring-4 ring-aethex-400/20 hover:ring-aethex-400/50 transition-all duration-300" className="w-20 h-20 rounded-full mx-auto ring-4 ring-aethex-400/20 hover:ring-aethex-400/50 transition-all duration-300"
/> />
@ -302,10 +302,10 @@ export default function Dashboard() {
</div> </div>
<div> <div>
<h3 className="font-semibold text-gradient"> <h3 className="font-semibold text-gradient">
{user.name} {profile?.full_name || user.email?.split('@')[0]}
</h3> </h3>
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
{user.role} {profile?.role || 'Member'}
</p> </p>
<Badge <Badge
variant="outline" variant="outline"