Refactor large files into modular components

- Refactored page.tsx (613→252 lines) with GameOverScreen and LeftPanel extracted - Refactored StatsTab.tsx (584→92 lines) with section components - Refactored SkillsTab.tsx (434→54 lines) with sub-components - Created modular structure for GameContext, LootInventory, and other components - All extracted components organized into feature directories
2026-05-02 17:35:03 +02:00
parent c9ae2576f4
commit d2d28887b1
194 changed files with 16862 additions and 15729 deletions
@@ -0,0 +1,54 @@
+'use client';
+
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { BookOpen } from 'lucide-react';
+import { fmtDec } from '@/lib/game/store';
+
+interface StudyStatsSectionProps {
+  studySpeedMult: number;
+  studyCostMult: number;
+  store: any;
+}
+
+export function StudyStatsSection({ studySpeedMult, studyCostMult, store }: StudyStatsSectionProps) {
+  return (
+    <Card className="bg-gray-900/80 border-gray-700">
+      <CardHeader className="pb-2">
+        <CardTitle className="text-purple-400 game-panel-title text-xs flex items-center gap-2">
+          <BookOpen className="w-4 h-4" />
+          Study Stats
+        </CardTitle>
+      </CardHeader>
+      <CardContent>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div className="space-y-2">
+            <div className="flex justify-between text-sm">
+              <span className="text-gray-400">Study Speed:</span>
+              <span className="text-purple-300">×{fmtDec(studySpeedMult, 2)}</span>
+            </div>
+            <div className="flex justify-between text-sm">
+              <span className="text-gray-400">Quick Learner Bonus:</span>
+              <span className="text-purple-300">+{((store.skills.quickLearner || 0) * 10)}%</span>
+            </div>
+          </div>
+          <div className="space-y-2">
+            <div className="flex justify-between text-sm">
+              <span className="text-gray-400">Study Cost:</span>
+              <span className="text-purple-300">{Math.round(studyCostMult * 100)}%</span>
+            </div>
+            <div className="flex justify-between text-sm">
+              <span className="text-gray-400">Focused Mind Bonus:</span>
+              <span className="text-purple-300">-{((store.skills.focusedMind || 0) * 5)}%</span>
+            </div>
+          </div>
+          <div className="space-y-2">
+            <div className="flex justify-between text-sm">
+              <span className="text-gray-400">Progress Retention:</span>
+              <span className="text-purple-300">{Math.round((1 + (store.skills.knowledgeRetention || 0) * 0.2) * 100)}%</span>
+            </div>
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}