pjandro/OmniRoute
1
0
Fork 0
mirror of https://github.com/diegosouzapw/OmniRoute.git synced 2026-09-18 12:52:25 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(dashboard): conceal locked hidden badge details (#11605)

Browse Source 
Merged via /merge-batch (lote 2026-08-26 batch 2, v3.8.51). Boarded no worktree combinado junto com outras ~20 PRs; validação única: typecheck/complexity/cognitive-complexity/changelog-integrity verdes, file-size rebaseado onde necessário (crescimento legítimo), lint com os mesmos 228 achados pré-existentes confirmados via sonda contra o tip puro (não introduzidos por este lote), e 292 testes focados (unit) + 18 (vitest) passando. Obrigado pela contribuição.
This commit is contained in:
Paco Cartones
2026-08-26 14:22:22 +02:00
committed by GitHub
parent c4d149c2eb
commit 9237a0562f
3 changed files with 120 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/(dashboard)/dashboard/profile/page.tsx
View File

@@ -249,21 +249,23 @@ export default function ProfilePage() {
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4">
{allBadges.map((badge) => {
const isEarned = earnedIds.has(badge.id);
const isHiddenAndLocked = Boolean(badge.hidden) && !isEarned;
const earnedInfo = earnedBadges.find((b) => b.badgeId === badge.id);
const rarityColor = RARITY_COLORS[badge.rarity] || RARITY_COLORS.common;
return (
<button
key={badge.id}
onClick={() => setSelectedBadge(badge)}
onClick={() => !isHiddenAndLocked && setSelectedBadge(badge)}
disabled={isHiddenAndLocked}
className={`relative p-4 rounded-xl border transition-all text-left ${
isEarned
? `${rarityColor} bg-surface hover:shadow-md`
: "border-border/50 bg-surface/50 opacity-50 grayscale hover:opacity-70"
: "border-border/50 bg-surface/50 opacity-50 grayscale enabled:hover:opacity-70 disabled:cursor-default"
}`}
>
<div className="text-3xl mb-2">
<BadgeIcon icon={badge.icon} earned={isEarned} />
<BadgeIcon icon={isHiddenAndLocked ? null : badge.icon} earned={isEarned} />
</div>
<p className="font-semibold text-sm truncate">
{badge.hidden && !isEarned ? "???" : translateBadge(badge, "name")}