completionId: cgen-0b7dcb28b98f4199add6c7c08d8f8a02

cgen-0b7dcb28b98f4199add6c7c08d8f8a02
This commit is contained in:
Builder.io 2025-11-13 06:04:13 +00:00
parent 9a2911e04b
commit ed32245155

View file

@ -764,44 +764,58 @@ export default function Dashboard() {
{/* Header */} {/* Header */}
<div className="mb-8 animate-slide-down"> <div className="mb-8 animate-slide-down">
<div className="flex flex-col lg:flex-row justify-between items-start lg:items-center gap-4"> <div className="flex flex-col lg:flex-row justify-between items-start lg:items-center gap-6">
<div> <div className="space-y-3 flex-1">
<h1 className="text-3xl font-bold text-gradient-purple"> <div className="flex items-center gap-3">
{activeRealm === "game_developer" && <h1 className="text-4xl md:text-5xl font-bold bg-gradient-to-r from-aethex-300 via-neon-blue to-aethex-400 bg-clip-text text-transparent">
"Game Development Dashboard"} {activeRealm === "game_developer" &&
{activeRealm === "client" && "Consulting Dashboard"} "Game Development"}
{activeRealm === "community_member" && "Community Dashboard"} {activeRealm === "client" && "Consulting"}
{activeRealm === "customer" && "Get Started Dashboard"} {activeRealm === "community_member" && "Community"}
{activeRealm === "staff" && "Staff Dashboard"} {activeRealm === "customer" && "Getting Started"}
</h1> {activeRealm === "staff" && "Operations"}
<p className="text-muted-foreground"> </h1>
Welcome back,{" "} <div className="px-3 py-1 rounded-full bg-aethex-500/20 border border-aethex-400/40">
{profile?.full_name || user.email?.split("@")[0]} {" "} <p className="text-xs font-semibold text-aethex-300 uppercase tracking-wider">
{streakLabel} Dashboard
</p>
</div>
</div>
<p className="text-base text-muted-foreground max-w-xl">
Welcome back, <span className="text-aethex-300 font-semibold">{profile?.full_name || user.email?.split("@")[0]}</span> {streakLabel}
</p> </p>
{longestStreak > 0 && ( {longestStreak > 0 && (
<div className="mt-3 flex flex-wrap gap-2"> <div className="flex flex-wrap gap-2 pt-2">
<Badge <Badge
variant="outline" variant="outline"
className="border-aethex-400/40 text-aethex-200" className="border-aethex-400/50 text-aethex-300 bg-aethex-500/10"
> >
Realm: {activeRealm.replace("_", " ")} <Activity className="h-3 w-3 mr-1" />
{activeRealm.replace("_", " ")} Realm
</Badge>
<Badge
variant="outline"
className="border-neon-blue/50 text-neon-blue bg-neon-blue/10"
>
<TrendingUp className="h-3 w-3 mr-1" />
{profileCompletion}% Complete
</Badge> </Badge>
</div> </div>
)} )}
</div> </div>
<div className="flex items-center space-x-4"> <div className="flex flex-col sm:flex-row items-stretch sm:items-center gap-3 w-full lg:w-auto">
<div className="text-sm text-muted-foreground"> <Button
Profile {profileCompletion}% complete variant="outline"
</div> size="sm"
<Button variant="outline" size="sm" className="hover-lift"> className="hover-lift border-border/50 hover:border-aethex-400/50 hover:bg-aethex-500/10 transition-all duration-200"
>
<Bell className="h-4 w-4 mr-2" /> <Bell className="h-4 w-4 mr-2" />
Notifications <span className="hidden sm:inline">Notifications</span>
</Button> </Button>
<Button <Button
variant="outline" variant="outline"
size="sm" size="sm"
className="hover-lift" className="hover-lift border-border/50 hover:border-neon-blue/50 hover:bg-neon-blue/10 transition-all duration-200"
onClick={() => onClick={() =>
document document
.getElementById("settings") .getElementById("settings")
@ -809,7 +823,7 @@ export default function Dashboard() {
} }
> >
<Settings className="h-4 w-4 mr-2" /> <Settings className="h-4 w-4 mr-2" />
Settings <span className="hidden sm:inline">Settings</span>
</Button> </Button>
</div> </div>
</div> </div>