Fix Dashboard level and XP display
cgen-0a590f8bc5f3477e960a5cb766bfd8fd
This commit is contained in:
parent
91a5fe17a8
commit
bf7050dd01
1 changed files with 3 additions and 3 deletions
|
|
@ -311,7 +311,7 @@ export default function Dashboard() {
|
||||||
variant="outline"
|
variant="outline"
|
||||||
className="mt-2 border-aethex-400/50 text-aethex-400"
|
className="mt-2 border-aethex-400/50 text-aethex-400"
|
||||||
>
|
>
|
||||||
Level {user.level}
|
Level {profile?.level || 1}
|
||||||
</Badge>
|
</Badge>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -320,14 +320,14 @@ export default function Dashboard() {
|
||||||
<div className="flex justify-between text-sm">
|
<div className="flex justify-between text-sm">
|
||||||
<span>XP Progress</span>
|
<span>XP Progress</span>
|
||||||
<span>
|
<span>
|
||||||
{user.xp} / {user.nextLevelXp}
|
{profile?.total_xp || 0} / {((profile?.level || 1) * 1000)}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="w-full bg-muted rounded-full h-2">
|
<div className="w-full bg-muted rounded-full h-2">
|
||||||
<div
|
<div
|
||||||
className="bg-gradient-to-r from-aethex-500 to-neon-blue h-2 rounded-full transition-all duration-500 glow-blue"
|
className="bg-gradient-to-r from-aethex-500 to-neon-blue h-2 rounded-full transition-all duration-500 glow-blue"
|
||||||
style={{
|
style={{
|
||||||
width: `${(user.xp / user.nextLevelXp) * 100}%`,
|
width: `${Math.min(100, ((profile?.total_xp || 0) % 1000) / 10)}%`,
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue