33 lines
597 B
TypeScript
33 lines
597 B
TypeScript
import React from "react";
|
|
import { useSortable } from "@dnd-kit/sortable";
|
|
import { CSS } from "@dnd-kit/utilities";
|
|
|
|
import { Cover } from "./Cover";
|
|
|
|
export const SortableCover = (props) => {
|
|
const sortable = useSortable({ id: props.url });
|
|
const {
|
|
attributes,
|
|
listeners,
|
|
isDragging,
|
|
setNodeRef,
|
|
transform,
|
|
transition,
|
|
} = sortable;
|
|
|
|
const style = {
|
|
transform: CSS.Transform.toString(transform),
|
|
transition,
|
|
};
|
|
|
|
return (
|
|
<Cover
|
|
ref={setNodeRef}
|
|
style={style}
|
|
{...props}
|
|
{...attributes}
|
|
{...listeners}
|
|
/>
|
|
);
|
|
};
|