mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
8d15b9e7de
* chore: format all files in the project * fix: removing @types/react from dependencies * fix: adding prettier and eslint config * chore: format files * fix: upgrading turbo version * chore: ignoring warnings and adding todos * fix: updated the type of bubble menu item in the document editor * chore: format files --------- Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>
25 lines
730 B
TypeScript
25 lines
730 B
TypeScript
import { DraggableProvidedDragHandleProps } from "@hello-pangea/dnd";
|
|
import { MoreVertical } from "lucide-react";
|
|
|
|
interface IDragHandle {
|
|
isDragging: boolean;
|
|
dragHandleProps: DraggableProvidedDragHandleProps;
|
|
}
|
|
|
|
export const DragHandle = (props: IDragHandle) => {
|
|
const { isDragging, dragHandleProps } = props;
|
|
|
|
return (
|
|
<button
|
|
type="button"
|
|
className={`mr-1 flex flex-shrink-0 rounded text-custom-sidebar-text-200 group-hover:opacity-100 ${
|
|
isDragging ? "opacity-100" : "opacity-0"
|
|
}`}
|
|
{...dragHandleProps}
|
|
>
|
|
<MoreVertical className="h-3.5 w-3.5 stroke-custom-text-400" />
|
|
<MoreVertical className="-ml-5 h-3.5 w-3.5 stroke-custom-text-400" />
|
|
</button>
|
|
);
|
|
};
|