1.4 KiB
1.4 KiB
Work Plan - Deck Builder & Draft UI Enhancements
Request
- Deck Builder Stack DnD: Enable card drag and drop for the stacked view in Deck Builder.
- Custom Sort Dropdown: Use a custom graphic dropdown list instead of browser default for sorting.
- Resizable Layouts: Make library/preview resizeable in Deck Builder, and selected pool/preview resizeable in Draft UI.
Changes
- StackView.tsx: Added
renderWrapperprop to allow parent components to wrap card items (e.g. withDraggableCardWrapper). - DeckBuilderView.tsx:
- Implemented
sortDropdownOpenstate and custom UI for the "Sort" dropdown. - Added resizing state (
sidebarWidth,poolHeightPercent) and mouse event handlers. - Applied dynamic styles to Sidebar and Pool/Deck zones.
- Passed
DraggableCardWrappertoStackViewvia the newrenderWrapperprop.
- Implemented
- DraftView.tsx:
- Added resizing state (
sidebarWidth,poolHeight) and mouse event handlers. - Applied dynamic styles to Sidebar and Pool Droppable area.
- Fixed syntax error introduced during refactoring.
- Added resizing state (
Verification
- Deck Builder:
- Verify cards in Stack View can be dragged.
- Verify "Sort" dropdown is custom styled.
- Verify Sidebar width can be adjusted.
- Verify Pool/Library split can be adjusted (in horizontal mode especially).
- Draft UI:
- Verify Sidebar width can be adjusted.
- Verify Selected Pool height can be adjusted.