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

Roadmap: insert ThemeToggle and GalaxyMap section

Browse source 
cgen-7231c0e21fef4b8ca260b6d3b18216b3
This commit is contained in:
Builder.io 2025-10-18 23:57:41 +00:00
parent f6688017af
commit 5edc249fb6
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/pages/Roadmap.tsx
View file

@ -160,6 +160,20 @@ export default function Roadmap() {
</div> </div>
</section> </section>
<section className="container mx-auto px-4 pb-6">
<div className="grid gap-3 md:grid-cols-[1fr_1fr]">
<ThemeToggle value={theme} onChange={setTheme} />
<GalaxyMap
phases={["now","month1","month2","month3"].map((id) => ({
id: id as Quest["phase"],
label: id === "now" ? "Now" : id === "month1" ? "Month 1" : id === "month2" ? "Month 2" : "Month 3",
percent: phaseTotals[id]?.total ? Math.round((phaseTotals[id].earned / phaseTotals[id].total) * 100) : 0,
}))}
onSelect={(id) => setFocusedPhase(id)}
/>
</div>
</section>
{/* Phases */} {/* Phases */}
<section className="container mx-auto px-4 pb-8"> <section className="container mx-auto px-4 pb-8">
<div className="grid gap-6 md:grid-cols-2"> <div className="grid gap-6 md:grid-cols-2">