nhcarrigan/elysium
9
0
Fork 0
generated from nhcarrigan/template
Code Issues 5 Pull Requests 1 Actions Releases 10 Activity

fix: remove locked styling from zone tabs so all zones appear accessible

Browse Source
This commit is contained in:
Hikari
2026-03-06 15:31:39 -08:00
committed by Naomi Carrigan
parent 268504265c
commit b9a230f40f
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/game/ZoneSelector.tsx
+2 -3
View File
@@ -15,16 +15,15 @@ export const ZoneSelector = ({
{zones.map((zone) => ( {zones.map((zone) => (
<button <button
key={zone.id} key={zone.id}
className={`zone-tab ${zone.id === activeZoneId ? "zone-tab-active" : ""} ${zone.status === "locked" ? "zone-tab-locked" : ""}`} className={`zone-tab ${zone.id === activeZoneId ? "zone-tab-active" : ""}`}
onClick={() => { onClick={() => {
onSelectZone(zone.id); onSelectZone(zone.id);
}} }}
title={zone.status === "locked" ? `🔒 Unlock by defeating ${zone.unlockBossId?.replace(/_/g, " ") ?? "the previous boss"}` : zone.description} title={zone.description}
type="button" type="button"
> >
<span className="zone-emoji">{zone.emoji}</span> <span className="zone-emoji">{zone.emoji}</span>
<span className="zone-name">{zone.name}</span> <span className="zone-name">{zone.name}</span>
{zone.status === "locked" && <span className="zone-lock">🔒</span>}
</button> </button>
))} ))}
</div> </div>