obsidian-plugin/xuquan-nikkkki_FolderFile-Splitter-Plugin
1
0
Fork 0
mirror of https://github.com/xuquan-nikkkki/FolderFile-Splitter-Plugin.git synced 2026-07-22 12:00:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: show file icon when drag files

Browse source
This commit is contained in:
Xu Quan 2025-03-04 15:53:31 +08:00
parent b0d3327293
commit 3f54fdfa69
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/CustomDragLayer.tsx
View file

@ -1,10 +1,14 @@
import { TFile } from "obsidian";
import { useDragLayer } from "react-dnd";
import {
FFS_DRAG_FILES_TYPE,
FFS_DRAG_FOLDER_TYPE,
} from "src/assets/constants";
const CustomDragLayer = () => {
const { isDragging, item, currentOffset } = useDragLayer((monitor) => ({
const { isDragging, currentOffset, itemType } = useDragLayer((monitor) => ({
isDragging: monitor.isDragging(),
item: monitor.getItem(),
itemType: monitor.getItemType(),
currentOffset: monitor.getClientOffset(),
}));
@ -12,6 +16,14 @@ const CustomDragLayer = () => {
return null;
}
const renderDraggingIcon = () => {
if (itemType === FFS_DRAG_FOLDER_TYPE) {
return "📁";
} else if (itemType === FFS_DRAG_FILES_TYPE) {
return "📄";
}
};
return (
<div
style={{
@ -24,7 +36,7 @@ const CustomDragLayer = () => {
zIndex: 100,
}}
>
{item instanceof TFile ? "📄" : "📁"}
{renderDraggingIcon()}
</div>
);
};