Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update Bulgarian Solitaire component

Browse source 
Modify the Bulgarian Solitaire component to send a double-clicked box from the container to the last used column.
This commit is contained in:
gpt-engineer-app[bot] 2025-08-21 11:43:42 +00:00
parent 23637eb547
commit 1700a6f984
1 changed files with 19 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/BulgarianSolitaire.tsx
View file

@ -100,9 +100,25 @@ const BulgarianSolitaire: React.FC<BulgarianSolitaireProps> = ({ showSocialShare
const handleDoubleClick = (boxId: number) => {
const box = boxes.find(b => b.id === boxId);
if (!box || box.columnIndex === null) return;
if (!box) return;
// Remove from current column
// If box is in container, move to last used column
if (box.columnIndex === null) {
if (lastUsedColumn !== null) {
// Add to last used column
setColumns(prev => prev.map((col, idx) =>
idx === lastUsedColumn ? [...col, boxId] : col
));
// Update box location
setBoxes(prev => prev.map(b =>
b.id === boxId ? { ...b, columnIndex: lastUsedColumn } : b
));
}
return;
}
// If box is in a column, remove from current column
setColumns(prev => prev.map((col, idx) =>
idx === box.columnIndex ? col.filter(id => id !== boxId) : col
));
@ -285,6 +301,7 @@ const BulgarianSolitaire: React.FC<BulgarianSolitaireProps> = ({ showSocialShare
key={box.id}
draggable={!isPlaying}
onDragStart={(e) => handleDragStart(e, box.id)}
onDoubleClick={() => handleDoubleClick(box.id)}
className="w-8 h-8 bg-primary rounded cursor-move hover:bg-primary/80 transition-colors"
>
</div>