From 2383b9b5f4763dae1410e7eb35986b344924da4e Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 18 Oct 2025 02:26:53 +0000
Subject: [PATCH] Use icon mapping for achievements on ProfilePassport

cgen-89dd8a01320e4626a07f2ea5ce00b409
---
 client/pages/ProfilePassport.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/client/pages/ProfilePassport.tsx b/client/pages/ProfilePassport.tsx
index bfcf78bd..0965346c 100644
--- a/client/pages/ProfilePassport.tsx
+++ b/client/pages/ProfilePassport.tsx
@@ -430,7 +430,17 @@ const ProfilePassport = () => {
                     <CardContent className="flex h-full flex-col justify-between gap-3 p-5">
                       <div className="flex items-center gap-3 text-white">
                         <span className="text-3xl">
-                          {achievement.icon || "🏅"}
+                          {((): string => {
+                            const key = String(achievement.icon || achievement.name || "").toLowerCase();
+                            if (/founding|founder/.test(key)) return "🎖️";
+                            if (/trophy|award|medal|badge/.test(key)) return "🏆";
+                            if (/welcome/.test(key)) return "🎉";
+                            if (/star/.test(key)) return "⭐";
+                            if (/rocket|launch/.test(key)) return "🚀";
+                            return typeof achievement.icon === "string" && achievement.icon.length <= 3
+                              ? (achievement.icon as string)
+                              : "🏅";
+                          })()}
                         </span>
                         <div>
                           <h3 className="text-lg font-semibold">