completionId: cgen-0b7dcb28b98f4199add6c7c08d8f8a02
cgen-0b7dcb28b98f4199add6c7c08d8f8a02
This commit is contained in:
parent
9a2911e04b
commit
ed32245155
1 changed files with 39 additions and 25 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue