Refactoring Agent
f31b98b378
Build and Publish Mana Loop Docker Image / build-and-publish (push) Successful in 7m43s
- Removed pause button from TimeDisplay component - Removed pause-related props (paused, onTogglePause) from TimeDisplay - Cleaned up unused imports (Play, Pause from lucide-react, Button) - Updated page.tsx to pass insight prop instead of pause props - Header now shows: game title, day/hour, and insight display
39 lines
858 B
TypeScript
Executable File
39 lines
858 B
TypeScript
Executable File
'use client';
|
|
|
|
import { fmt } from '@/lib/game/store';
|
|
import { formatHour } from '@/lib/game/formatting';
|
|
|
|
interface TimeDisplayProps {
|
|
day: number;
|
|
hour: number;
|
|
insight: number;
|
|
}
|
|
|
|
export function TimeDisplay({
|
|
day,
|
|
hour,
|
|
insight,
|
|
}: TimeDisplayProps) {
|
|
return (
|
|
<div className="flex items-center gap-4">
|
|
<div className="text-center">
|
|
<div className="text-lg font-bold game-mono text-amber-400">
|
|
Day {day}
|
|
</div>
|
|
<div className="text-xs text-gray-400">
|
|
{formatHour(hour)}
|
|
</div>
|
|
</div>
|
|
|
|
<div className="text-center">
|
|
<div className="text-lg font-bold game-mono text-purple-400">
|
|
{fmt(insight)}
|
|
</div>
|
|
<div className="text-xs text-gray-400">Insight</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
TimeDisplay.displayName = "TimeDisplay";
|