Files
Mana-Loop/src/components/game/tabs/AchievementsTab.tsx
T
n8n-gitea 482320b519
Build and Publish Mana Loop Docker Image / build-and-publish (push) Failing after 1m12s
fix: apply DebugName wrappers to tab components (BUG 7 partial) and other updates
2026-05-07 13:32:04 +02:00

36 lines
1.2 KiB
TypeScript
Executable File

'use client';
import { AchievementsDisplay } from '@/components/game/AchievementsDisplay';
import { useCombatStore, useManaStore, usePrestigeStore } from '@/lib/game/stores';
import { DebugName } from '@/lib/game/debug-context';
export function AchievementsTab() {
const achievements = useCombatStore((s) => s.achievements);
const maxFloorReached = useCombatStore((s) => s.maxFloorReached);
const totalManaGathered = useManaStore((s) => s.totalManaGathered);
const signedPacts = usePrestigeStore((s) => s.signedPacts);
const totalSpellsCast = useCombatStore((s) => s.totalSpellsCast);
const totalDamageDealt = useCombatStore((s) => s.totalDamageDealt);
const totalCraftsCompleted = useCombatStore((s) => s.totalCraftsCompleted);
return (
<DebugName name="AchievementsTab">
<div className="space-y-4">
<AchievementsDisplay
achievements={achievements}
gameState={{
maxFloorReached,
totalManaGathered,
signedPacts,
totalSpellsCast,
totalDamageDealt,
totalCraftsCompleted,
}}
/>
</div>
</DebugName>
);
}
AchievementsTab.displayName = "AchievementsTab";