코드 무한 스크롤 구현

2025-09-03 18:23:23 +09:00
parent ce4a25a10b
commit 55f6925b06
11 changed files with 237 additions and 97 deletions
--- a/frontend/components/admin/SortableCodeItem.tsx
+++ b/frontend/components/admin/SortableCodeItem.tsx
@@ -15,10 +15,20 @@ interface SortableCodeItemProps {
  categoryCode: string;
  onEdit: () => void;
  onDelete: () => void;
+  isDragOverlay?: boolean;
 }

-export function SortableCodeItem({ code, categoryCode, onEdit, onDelete }: SortableCodeItemProps) {
-  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: code.code_value });
+export function SortableCodeItem({
+  code,
+  categoryCode,
+  onEdit,
+  onDelete,
+  isDragOverlay = false,
+}: SortableCodeItemProps) {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+    id: code.code_value,
+    disabled: isDragOverlay,
+  });
  const updateCodeMutation = useUpdateCode();

  const style = {