Display streak badges on profile header
cgen-cf33a8afc1154a79ab165dc119b065e7
This commit is contained in:
parent
cbe652fbc2
commit
3dfeb15c75
1 changed files with 8 additions and 0 deletions
|
|
@ -332,6 +332,14 @@ export default function Profile() {
|
||||||
{profile?.full_name || 'User Profile'}
|
{profile?.full_name || 'User Profile'}
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-gray-300">{user?.email}</p>
|
<p className="text-gray-300">{user?.email}</p>
|
||||||
|
<div className="mt-3 flex flex-wrap gap-2">
|
||||||
|
<Badge variant="outline" className="border-purple-400/40 text-purple-200">
|
||||||
|
Current streak: {currentStreak}d
|
||||||
|
</Badge>
|
||||||
|
<Badge variant="outline" className="border-purple-400/40 text-purple-200">
|
||||||
|
Longest streak: {longestStreak}d
|
||||||
|
</Badge>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue