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 # Sub-Task 3 Progress: Header Pause Button Removal
## Status: Pending ## Status: In Progress
## Completed Steps ## Completed Steps
- [ ] Locate pause button in Header component - [x] Locate pause button in Header component
- [ ] Remove pause button and related code - [ ] Remove pause button and related code
- [ ] Clean up unused imports/handlers - [ ] Clean up unused imports/handlers
- [ ] Verify header layout is intact - [ ] Verify header layout is intact
+1 -2
View File
@@ -181,8 +181,7 @@ export default function ManaLoopGame() {
<TimeDisplay <TimeDisplay
day={store.day} day={store.day}
hour={store.hour} hour={store.hour}
isPaused={store.paused} insight={store.insight}
togglePause={store.togglePause}
/> />
</div> </div>
</div> </div>
-15
View File
@@ -1,7 +1,5 @@
'use client'; 'use client';
import { Play, Pause } from 'lucide-react';
import { Button } from '@/components/ui/button';
import { fmt } from '@/lib/game/store'; import { fmt } from '@/lib/game/store';
import { formatHour } from '@/lib/game/formatting'; import { formatHour } from '@/lib/game/formatting';
@@ -9,16 +7,12 @@ interface TimeDisplayProps {
day: number; day: number;
hour: number; hour: number;
insight: number; insight: number;
paused: boolean;
onTogglePause: () => void;
} }
export function TimeDisplay({ export function TimeDisplay({
day, day,
hour, hour,
insight, insight,
paused,
onTogglePause,
}: TimeDisplayProps) { }: TimeDisplayProps) {
return ( return (
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
@@ -37,15 +31,6 @@ export function TimeDisplay({
</div> </div>
<div className="text-xs text-gray-400">Insight</div> <div className="text-xs text-gray-400">Insight</div>
</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> </div>
); );
} }