From 4fbf4d8bb28e075084efae29c4eb78f74efbc6d3 Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Sat, 27 Sep 2025 18:03:20 -0500
Subject: [PATCH] feat: add TouchSensor for mobile drag and drop compatibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Implement dnd-kit TouchSensor with proper activation constraints (250ms delay, 8px tolerance) to enable drag and drop functionality on mobile devices.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 apps/web/src/components/EnhancedChampionArena.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/web/src/components/EnhancedChampionArena.tsx b/apps/web/src/components/EnhancedChampionArena.tsx
index 8f785f69..cb4ea3aa 100644
--- a/apps/web/src/components/EnhancedChampionArena.tsx
+++ b/apps/web/src/components/EnhancedChampionArena.tsx
@@ -7,6 +7,7 @@ import {
   closestCenter,
   KeyboardSensor,
   PointerSensor,
+  TouchSensor,
   useSensor,
   useSensors,
   DragStartEvent,
@@ -385,6 +386,12 @@ export function EnhancedChampionArena({ onGameModeChange, onConfigurePlayer, cla
         distance: 8,
       },
     }),
+    useSensor(TouchSensor, {
+      activationConstraint: {
+        delay: 250,
+        tolerance: 8,
+      },
+    }),
     useSensor(KeyboardSensor, {
       coordinateGetter: sortableKeyboardCoordinates,
     })