From 880e96d6e486ae6330f680ee7041d459c289796b Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Fri, 12 Dec 2025 16:45:55 +0100
Subject: [PATCH] Update Avatar component in StyleGuidePage: Modify Avatar
 usage to handle null image source, ensuring fallback functionality works
 correctly. Clean up ProfileForm by removing unused health and experience
 percentage calculations for improved code clarity.

---
 app/admin/style-guide/page.tsx |  2 +-
 components/ProfileForm.tsx     | 10 ----------
 2 files changed, 1 insertion(+), 11 deletions(-)

diff --git a/app/admin/style-guide/page.tsx b/app/admin/style-guide/page.tsx
index bc2ba2e..765e1c1 100644
--- a/app/admin/style-guide/page.tsx
+++ b/app/admin/style-guide/page.tsx
@@ -377,7 +377,7 @@ export default function StyleGuidePage() {
                 <h3 className="text-lg text-gray-300 mb-3">
                   Sans image (fallback)
                 </h3>
-                <Avatar username="John Doe" size="lg" />
+                <Avatar src={null} username="John Doe" size="lg" />
               </div>
             </div>
           </Card>
diff --git a/components/ProfileForm.tsx b/components/ProfileForm.tsx
index aef95a8..f04d7ae 100644
--- a/components/ProfileForm.tsx
+++ b/components/ProfileForm.tsx
@@ -159,16 +159,6 @@ export default function ProfileForm({
     });
   };
 
-  const hpPercentage = (profile.hp / profile.maxHp) * 100;
-  const xpPercentage = (profile.xp / profile.maxXp) * 100;
-
-  const hpColor =
-    hpPercentage > 60
-      ? "from-green-600 to-green-700"
-      : hpPercentage > 30
-        ? "from-yellow-600 to-orange-700"
-        : "from-red-700 to-red-900";
-
   return (
     <BackgroundSection backgroundImage={backgroundImage}>
       <div className="w-full max-w-4xl mx-auto px-8">