fix(rack): prevent dragged module unmounting to fix dnd-kit drop

This commit is contained in:
2026-03-22 11:23:40 -05:00
parent 1a99e22bfb
commit 2e2b182844
2 changed files with 2 additions and 7 deletions

View File

@@ -12,13 +12,11 @@ import { useRackStore } from '../../store/useRackStore';
interface RackColumnProps {
rack: Rack;
/** ID of the module currently being dragged — render its slots as droppable ghosts. */
draggingModuleId?: string | null;
/** Slot currently hovered by a drag — passed down to RackSlot for blue highlight. */
hoverSlot?: { rackId: string; uPosition: number } | null;
}
export function RackColumn({ rack, draggingModuleId, hoverSlot }: RackColumnProps) {
export function RackColumn({ rack, hoverSlot }: RackColumnProps) {
const { deleteRack } = useRackStore();
const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
const [deleting, setDeleting] = useState(false);
@@ -98,9 +96,7 @@ export function RackColumn({ rack, draggingModuleId, hoverSlot }: RackColumnProp
))}
</div>
{rack.modules
.filter((module) => module.id !== draggingModuleId)
.map((module) => (
{rack.modules.map((module) => (
<div
key={module.id}
className="absolute left-0 right-0 z-10"

View File

@@ -259,7 +259,6 @@ export function RackPlanner() {
<RackColumn
key={rack.id}
rack={rack}
draggingModuleId={draggingModuleId}
hoverSlot={hoverSlot}
/>
))}