From 3dfeb15c75847afa4007e849fddfbb2f52ba7ccf Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 4 Oct 2025 10:41:21 +0000
Subject: [PATCH] Display streak badges on profile header

cgen-cf33a8afc1154a79ab165dc119b065e7
---
 client/pages/Profile.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/client/pages/Profile.tsx b/client/pages/Profile.tsx
index 79fe2256..90c1a72d 100644
--- a/client/pages/Profile.tsx
+++ b/client/pages/Profile.tsx
@@ -332,6 +332,14 @@ export default function Profile() {
                   {profile?.full_name || 'User Profile'}
                 </h1>
                 <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>