matthieu/deckerr
1
0
Fork 0
Code Issues 2 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

improve deck manager

Browse Source
This commit is contained in:
Matthieu
2025-11-21 20:51:22 +01:00
parent 1b8d4519e6
commit ebae5a82db
3 changed files with 8607 additions and 8281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dev-dist/sw.js
View File

@@ -82,7 +82,7 @@ define(['./workbox-ca84f546'], (function (workbox) { 'use strict';
"revision": "3ca0b8505b4bec776b69afdba2768812" "revision": "3ca0b8505b4bec776b69afdba2768812"
}, { }, {
"url": "index.html", "url": "index.html",
"revision": "0.luqmbf7uqs" "revision": "0.g74vi66e49"
}], {}); }], {});
workbox.cleanupOutdatedCaches(); workbox.cleanupOutdatedCaches();
workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), { workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

2206
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

42
src/components/DeckManager.tsx
View File

@@ -1,5 +1,5 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { Plus, Search, Save, Trash2, Loader2, CheckCircle, XCircle, AlertCircle, PackagePlus, RefreshCw } from 'lucide-react'; import { Plus, Minus, Search, Save, Trash2, Loader2, CheckCircle, XCircle, AlertCircle, PackagePlus, RefreshCw } from 'lucide-react';
import { Card, Deck } from '../types'; import { Card, Deck } from '../types';
import { searchCards, getUserCollection, addCardToCollection, addMultipleCardsToCollection } from '../services/api'; import { searchCards, getUserCollection, addCardToCollection, addMultipleCardsToCollection } from '../services/api';
import { useAuth } from '../contexts/AuthContext'; import { useAuth } from '../contexts/AuthContext';
@@ -539,6 +539,8 @@ export default function DeckManager({ initialDeck, onSave }: DeckManagerProps) {
const isMultiFaced = isDoubleFaced(card); const isMultiFaced = isDoubleFaced(card);
const inCollection = userCollection.get(card.id) || 0; const inCollection = userCollection.get(card.id) || 0;
const isAddingThisCard = addingCardId === card.id; const isAddingThisCard = addingCardId === card.id;
const cardInDeck = selectedCards.find(c => c.card.id === card.id);
const quantityInDeck = cardInDeck?.quantity || 0;
const displayName = isMultiFaced && card.card_faces const displayName = isMultiFaced && card.card_faces
? card.card_faces[currentFaceIndex]?.name || card.name ? card.card_faces[currentFaceIndex]?.name || card.name
@@ -592,13 +594,37 @@ export default function DeckManager({ initialDeck, onSave }: DeckManagerProps) {
)} )}
</div> </div>
{/* Add Button */} {/* Add/Quantity Controls */}
<button {quantityInDeck > 0 ? (
onClick={() => addCardToDeck(card)} <div className="flex-shrink-0 flex items-center gap-1">
className="flex-shrink-0 w-10 h-10 bg-blue-600 hover:bg-blue-700 rounded-full flex items-center justify-center transition-colors" <button
> onClick={() => {
<Plus size={20} /> if (quantityInDeck === 1) {
</button> removeCardFromDeck(card.id);
} else {
updateCardQuantity(card.id, quantityInDeck - 1);
}
}}
className="w-8 h-8 bg-red-600 hover:bg-red-700 rounded-full flex items-center justify-center transition-colors"
>
<Minus size={16} />
</button>
<span className="w-6 text-center text-sm font-medium">{quantityInDeck}</span>
<button
onClick={() => addCardToDeck(card)}
className="w-8 h-8 bg-blue-600 hover:bg-blue-700 rounded-full flex items-center justify-center transition-colors"
>
<Plus size={16} />
</button>
</div>
) : (
<button
onClick={() => addCardToDeck(card)}
className="flex-shrink-0 w-10 h-10 bg-blue-600 hover:bg-blue-700 rounded-full flex items-center justify-center transition-colors"
>
<Plus size={20} />
</button>
)}
{/* Add to Collection Button (hidden on mobile by default) */} {/* Add to Collection Button (hidden on mobile by default) */}
<button <button