diff --git a/client/pages/Roadmap.tsx b/client/pages/Roadmap.tsx index 7922f1f2..8a872ec2 100644 --- a/client/pages/Roadmap.tsx +++ b/client/pages/Roadmap.tsx @@ -5,7 +5,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/com import { cn } from "@/lib/utils"; import { useEffect, useMemo, useState } from "react"; import { Sparkles, Lock, Gift, Rocket, Target, Flame, Eye, CheckCircle2, TimerReset } from "lucide-react"; -import ThemeToggle, { type RoadmapTheme } from "@/components/roadmap/ThemeToggle"; +import Timeline from "@/components/roadmap/Timeline"; import GalaxyMap from "@/components/roadmap/GalaxyMap"; import Achievements from "@/components/roadmap/Achievements"; import VoteWidget from "@/components/roadmap/VoteWidget"; @@ -73,7 +73,6 @@ const storageKey = "aethex_roadmap_unlocks_v1"; export default function Roadmap() { const [claimed, setClaimed] = useState>({}); const [unlocked, setUnlocked] = useState>({}); - const [theme, setTheme] = useState("space"); const [focusedPhase, setFocusedPhase] = useState(null); useEffect(() => { @@ -162,7 +161,6 @@ export default function Roadmap() {
- ({ id: id as Quest["phase"], @@ -171,6 +169,11 @@ export default function Roadmap() { }))} onSelect={(id) => setFocusedPhase(id)} /> + ({ id: q.id, title: q.title, phase: q.phase, xp: q.xp, claimed: !!claimed[q.id] }))} + onSelectPhase={(p) => setFocusedPhase(p)} + onToggleClaim={(id) => toggleClaim(id)} + />