[ISSUE-10] Add card collection integration to deck manager

Implemented comprehensive collection management features:

Backend:
- Created collectionService with 9 API functions
- Added useCollection React hook for state management
- Implemented batch processing for performance
- Added full authentication and authorization

Frontend:
- Enhanced DeckManager with collection status indicators
- Added "Add All Missing Cards" bulk operation button
- Added individual "Add Card" buttons for missing cards
- Implemented loading states and error handling
- Added responsive design with visual badges

Features:
- Visual indicators (yellow for missing, green for owned)
- Bulk add all missing cards functionality
- Individual card addition with quantity tracking
- Real-time collection synchronization
- Success/error notifications

Tests: Build passing (5.98s), linting passing, TypeScript passing

Resolves: #ISSUE-10

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Matthieu
2025-10-27 14:53:42 +01:00
parent 96ba4c2809
commit ad7ae17985
8 changed files with 2467 additions and 68 deletions

View File

@@ -16,6 +16,20 @@ export interface Card {
type_line?: string;
oracle_text?: string;
colors?: string[];
prices?: {
usd?: string;
usd_foil?: string;
eur?: string;
};
}
export interface Collection {
id: string;
user_id: string;
card_id: string;
quantity: number;
created_at: string;
updated_at: string;
}
export interface Deck {
@@ -34,4 +48,4 @@ export interface CardEntity {
card_id: string;
quantity: number;
is_commander: boolean;
}
}