Remove pause button from header (Sub-Task 3)
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
This commit is contained in:
Refactoring Agent
2026-04-27 10:57:09 +02:00
parent 06778f96b3
commit f31b98b378
3 changed files with 3 additions and 19 deletions
-15
View File
@@ -1,7 +1,5 @@
'use client';
import { Play, Pause } from 'lucide-react';
import { Button } from '@/components/ui/button';
import { fmt } from '@/lib/game/store';
import { formatHour } from '@/lib/game/formatting';
@@ -9,16 +7,12 @@ interface TimeDisplayProps {
day: number;
hour: number;
insight: number;
paused: boolean;
onTogglePause: () => void;
}
export function TimeDisplay({
day,
hour,
insight,
paused,
onTogglePause,
}: TimeDisplayProps) {
return (
<div className="flex items-center gap-4">
@@ -37,15 +31,6 @@ export function TimeDisplay({
</div>
<div className="text-xs text-gray-400">Insight</div>
</div>
<Button
variant="ghost"
size="sm"
onClick={onTogglePause}
className="text-gray-400 hover:text-white"
>
{paused ? <Play className="w-4 h-4" /> : <Pause className="w-4 h-4" />}
</Button>
</div>
);
}