17 lines
1.1 KiB
Markdown
17 lines
1.1 KiB
Markdown
# Draft Cards Picker UI Update
|
|
|
|
## Task
|
|
Update the `DraftView` to implement a 3D-flipping card preview sidebar (consistent with the Deck Builder) and ensure foil cards are rendered correctly in both the preview and the main selection grid.
|
|
|
|
## Changes
|
|
- Modified `src/client/src/modules/draft/DraftView.tsx`:
|
|
- Imported `FoilOverlay` component.
|
|
- Defined `normalizeCard` helper to standardise card object structure (handling images and finish).
|
|
- Added `displayCard` state to persist card details during the flip animation.
|
|
- Replaced the previous fade-in sidebar with the 3D perspective flip container from `DeckBuilderView`.
|
|
- Updated the card rendering loop in `activePack` to use `normalizeCard` and conditionally render `FoilOverlay` and foil-specific styles (purple glow, badges).
|
|
|
|
## Outcome
|
|
- **Sidebar**: Now features a persistent 3D flip animation. When hovering a card, it flips to show the front; when not hovering, it shows the card back (`/images/back.jpg`).
|
|
- **Foil Support**: Start using `FoilOverlay` for both the main draft grid and the sidebar preview, providing visual consistency for premium cards.
|