From 1700a6f984c6b43231d81c382904829ea25960a3 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 21 Aug 2025 11:43:42 +0000
Subject: [PATCH] Update Bulgarian Solitaire component

Modify the Bulgarian Solitaire component to send a double-clicked box from the container to the last used column.
---
 src/components/BulgarianSolitaire.tsx | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/BulgarianSolitaire.tsx b/src/components/BulgarianSolitaire.tsx
index 4dc5770..f7efad6 100644
--- a/src/components/BulgarianSolitaire.tsx
+++ b/src/components/BulgarianSolitaire.tsx
@@ -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>