Initial commit

2026-04-03 17:23:15 +00:00
commit 4f474dbcf3
192 changed files with 47527 additions and 0 deletions
@@ -0,0 +1,86 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import { Sparkles, Swords, BookOpen, Target, FlaskConical } from 'lucide-react';
+import type { GameAction } from '@/lib/game/types';
+
+interface ActionButtonsProps {
+  currentAction: GameAction;
+  designProgress: { progress: number; required: number } | null;
+  preparationProgress: { progress: number; required: number } | null;
+  applicationProgress: { progress: number; required: number } | null;
+  setAction: (action: GameAction) => void;
+}
+
+export function ActionButtons({
+  currentAction,
+  designProgress,
+  preparationProgress,
+  applicationProgress,
+  setAction,
+}: ActionButtonsProps) {
+  const actions: { id: GameAction; label: string; icon: typeof Swords }[] = [
+    { id: 'meditate', label: 'Meditate', icon: Sparkles },
+    { id: 'climb', label: 'Climb', icon: Swords },
+    { id: 'study', label: 'Study', icon: BookOpen },
+  ];
+
+  const hasDesignProgress = designProgress !== null;
+  const hasPrepProgress = preparationProgress !== null;
+  const hasAppProgress = applicationProgress !== null;
+
+  return (
+    <div className="space-y-2">
+      <div className="grid grid-cols-3 gap-2">
+        {actions.map(({ id, label, icon: Icon }) => (
+          <Button
+            key={id}
+            variant={currentAction === id ? 'default' : 'outline'}
+            size="sm"
+            className={`h-9 ${currentAction === id ? 'bg-blue-600 hover:bg-blue-700' : 'bg-gray-800/50 hover:bg-gray-700/50 border-gray-600'}`}
+            onClick={() => setAction(id)}
+          >
+            <Icon className="w-4 h-4 mr-1" />
+            {label}
+          </Button>
+        ))}
+      </div>
+      
+      {/* Crafting actions row - shown when there's active crafting progress */}
+      {(hasDesignProgress || hasPrepProgress || hasAppProgress) && (
+        <div className="grid grid-cols-3 gap-2">
+          <Button
+            variant={currentAction === 'design' ? 'default' : 'outline'}
+            size="sm"
+            disabled={!hasDesignProgress}
+            className={`h-9 ${currentAction === 'design' ? 'bg-purple-600 hover:bg-purple-700' : 'bg-gray-800/50 hover:bg-gray-700/50 border-gray-600'}`}
+            onClick={() => hasDesignProgress && setAction('design')}
+          >
+            <Target className="w-4 h-4 mr-1" />
+            Design
+          </Button>
+          <Button
+            variant={currentAction === 'prepare' ? 'default' : 'outline'}
+            size="sm"
+            disabled={!hasPrepProgress}
+            className={`h-9 ${currentAction === 'prepare' ? 'bg-purple-600 hover:bg-purple-700' : 'bg-gray-800/50 hover:bg-gray-700/50 border-gray-600'}`}
+            onClick={() => hasPrepProgress && setAction('prepare')}
+          >
+            <FlaskConical className="w-4 h-4 mr-1" />
+            Prepare
+          </Button>
+          <Button
+            variant={currentAction === 'enchant' ? 'default' : 'outline'}
+            size="sm"
+            disabled={!hasAppProgress}
+            className={`h-9 ${currentAction === 'enchant' ? 'bg-purple-600 hover:bg-purple-700' : 'bg-gray-800/50 hover:bg-gray-700/50 border-gray-600'}`}
+            onClick={() => hasAppProgress && setAction('enchant')}
+          >
+            <Sparkles className="w-4 h-4 mr-1" />
+            Enchant
+          </Button>
+        </div>
+      )}
+    </div>
+  );
+}