set activator node

medusajs · Nov 19, 2024 · 25c2509 · 25c2509
1 parent 08e3466
commit 25c2509
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.../components/product-create-details-media-section/product-create-details-media-section.tsx b/.../components/product-create-details-media-section/product-create-details-media-section.tsx
@@ -175,6 +175,7 @@ const MediaItem = ({ field, onDelete, onMakeThumbnail }: MediaItemProps) => {
     attributes,
     listeners,
     setNodeRef,
+    setActivatorNodeRef,
     transform,
     transition,
     isDragging,
@@ -199,9 +200,11 @@ const MediaItem = ({ field, onDelete, onMakeThumbnail }: MediaItemProps) => {
       <div className="flex items-center gap-x-2">
         <IconButton
           variant="transparent"
+          type="button"
           size="small"
           {...attributes}
           {...listeners}
+          ref={setActivatorNodeRef}
           className="cursor-grab touch-none active:cursor-grabbing"
         >
           <DotsSix className="text-ui-fg-muted" />

diff --git a/...tes/products/product-media/components/edit-product-media-form/edit-product-media-form.tsx b/...tes/products/product-media/components/edit-product-media-form/edit-product-media-form.tsx
@@ -366,6 +366,7 @@ const MediaGridItem = ({
     attributes,
     listeners,
     setNodeRef,
+    setActivatorNodeRef,
     transform,
     transition,
     isDragging,
@@ -379,7 +380,9 @@ const MediaGridItem = ({
 
   return (
     <div
-      className="shadow-elevation-card-rest hover:shadow-elevation-card-hover focus-visible:shadow-borders-focus bg-ui-bg-subtle-hover group relative aspect-square h-auto max-w-full overflow-hidden rounded-lg outline-none"
+      className={clx(
+        "shadow-elevation-card-rest hover:shadow-elevation-card-hover focus-visible:shadow-borders-focus bg-ui-bg-subtle-hover group relative aspect-square h-auto max-w-full overflow-hidden rounded-lg outline-none"
+      )}
       style={style}
       ref={setNodeRef}
     >
@@ -394,6 +397,7 @@ const MediaGridItem = ({
         className={clx("absolute inset-0 cursor-grab touch-none outline-none", {
           "cursor-grabbing": isDragging,
         })}
+        ref={setActivatorNodeRef}
         {...attributes}
         {...listeners}
       />