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

Gate sneak peek unlocks behind auth; add disabled UI state and toast

Browse source 
cgen-b65b5d718e7f4e2a8abd26edae6ce090
This commit is contained in:
Builder.io 2025-10-19 02:22:02 +00:00
parent 4c5b0a32de
commit 02f03eb3d5
1 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
client/pages/Roadmap.tsx
View file

@ -10,6 +10,8 @@ import {
} from "@/components/ui/card"; } from "@/components/ui/card";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
import { useAuth } from "@/contexts/AuthContext";
import { aethexToast } from "@/lib/aethex-toast";
import { import {
Sparkles, Sparkles,
Lock, Lock,
@ -162,6 +164,7 @@ export default function Roadmap() {
const [claimed, setClaimed] = useState<Record<string, boolean>>({}); const [claimed, setClaimed] = useState<Record<string, boolean>>({});
const [unlocked, setUnlocked] = useState<Record<string, boolean>>({}); const [unlocked, setUnlocked] = useState<Record<string, boolean>>({});
const [focusedPhase, setFocusedPhase] = useState<Quest["phase"] | null>(null); const [focusedPhase, setFocusedPhase] = useState<Quest["phase"] | null>(null);
const { user } = useAuth();
useEffect(() => { useEffect(() => {
try { try {
@ -208,8 +211,18 @@ export default function Roadmap() {
const toggleClaim = (id: string) => const toggleClaim = (id: string) =>
setClaimed((m) => ({ ...m, [id]: !m[id] })); setClaimed((m) => ({ ...m, [id]: !m[id] }));
const toggleUnlock = (id: string) => const toggleUnlock = (id: string) => {
if (!user) {
try {
aethexToast.info({
title: "Sign in required",
description: "Create an account to unlock Dev Drops and save progress.",
});
} catch {}
return;
}
setUnlocked((m) => ({ ...m, [id]: !m[id] })); setUnlocked((m) => ({ ...m, [id]: !m[id] }));
};
const PhaseIcon: Record<string, any> = { const PhaseIcon: Record<string, any> = {
now: Target, now: Target,
@ -455,6 +468,9 @@ export default function Roadmap() {
size="sm" size="sm"
variant="outline" variant="outline"
onClick={() => toggleUnlock(p.id)} onClick={() => toggleUnlock(p.id)}
disabled={!user}
className={!user ? "cursor-not-allowed opacity-60" : undefined}
title={!user ? "Sign in to unlock" : undefined}
> >
{unlocked[p.id] ? ( {unlocked[p.id] ? (
<> <>