AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use icon mapping for achievements on ProfilePassport

Browse source 
cgen-89dd8a01320e4626a07f2ea5ce00b409
This commit is contained in:
Builder.io 2025-10-18 02:26:53 +00:00
parent bb6122d432
commit 2383b9b5f4
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
client/pages/ProfilePassport.tsx
View file

@ -430,7 +430,17 @@ const ProfilePassport = () => {
<CardContent className="flex h-full flex-col justify-between gap-3 p-5"> <CardContent className="flex h-full flex-col justify-between gap-3 p-5">
<div className="flex items-center gap-3 text-white"> <div className="flex items-center gap-3 text-white">
<span className="text-3xl"> <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> </span>
<div> <div>
<h3 className="text-lg font-semibold"> <h3 className="text-lg font-semibold">