Remove pause button from header (Sub-Task 3)
Build and Publish Mana Loop Docker Image / build-and-publish (push) Successful in 7m43s
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:
@@ -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
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user