Mana-Loop/docs/task2_combatui_context.md

Task 8: Combat UI - Casting Bar Animation Fix - Context

Task Description

Bug Fix from task2.md

Problem:

The "Casting Bar" progress animation doesn't fill correctly during spell casting.

Current Implementation:

• Casting bar is likely in a Combat-related component
• Search for "CastingBar" or "casting" in components folder
• Progress animation probably uses a Progress component or div with width styling

What Needs To Be Done:

1. Search for "CastingBar" or "casting" in src/components/game/ to find the relevant component
2. Read the component to understand the current implementation
3. Find the bug in the progress animation:
   • Is the progress value being calculated correctly?
   • Is the CSS/style correct for the progress bar?
   • Is the animation updating properly?
4. Fix the bug so the progress bar fills correctly during casting
5. Test the changes
6. Commit with message: "Task 2: Fix Combat UI Casting Bar progress animation"

Key Files To Examine:

• Search for files containing "CastingBar" or "casting" in src/components/game/
• Look for Progress components or div elements with dynamic width

Common Issues To Check:

• Progress value calculation (should be percentage 0-100)
• CSS transitions/animations
• State updates during casting
• Re-rendering issues