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
+2 -2
View File
@@ -1,9 +1,9 @@
# Sub-Task 3 Progress: Header Pause Button Removal
## Status: Pending
## Status: In Progress
## Completed Steps
- [ ] Locate pause button in Header component
- [x] Locate pause button in Header component
- [ ] Remove pause button and related code
- [ ] Clean up unused imports/handlers
- [ ] Verify header layout is intact
+1 -2
View File
@@ -181,8 +181,7 @@ export default function ManaLoopGame() {
<TimeDisplay
day={store.day}
hour={store.hour}
isPaused={store.paused}
togglePause={store.togglePause}
insight={store.insight}
/>
</div>
</div>
-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>
);
}