15308555518/ frontend
1
0
Fork 0
mirror of https://github.com/cloudreve/frontend.git synced 2025-12-25 19:52:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(uploader): disable drag upload hint based on permission

This commit is contained in:
WittF 2025-06-19 21:53:08 +08:00
parent 9a1a56e1a3
commit 4b3f87c7ba
1 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/component/Uploader/Uploader.tsx
View File

@ -12,7 +12,9 @@ import Base, { Status } from "./core/uploader/base.ts";
import { DropFileBackground } from "./DropFile.tsx";
import PasteUploadDialog from "./PasteUploadDialog.tsx";
import TaskList from "./Popup/TaskList.tsx";
import { defaultTrashPath } from "../../hooks/useNavigation.tsx";
import useActionDisplayOpt from "../FileManager/ContextMenu/useActionDisplayOpt.ts";
import { ContextMenuTypes } from "../../redux/fileManagerSlice.ts";
import { FileManagerIndex } from "../FileManager/FileManager.tsx";
let totalProgressCollector: NodeJS.Timeout | null = null;
let lastProgressStart = -1;
@ -27,18 +29,30 @@ const Uploader = () => {
const [uploaders, setUploaders] = useState<Base[]>([]);
const [dropBgOpen, setDropBgOpen] = useState(false);
const pathRef = useRef<string>();
const uploadEnabled = useRef<boolean>(false);
const totalProgress = useAppSelector((state) => state.globalState.uploadProgress);
const taskListOpen = useAppSelector((state) => state.globalState.uploadTaskListOpen);
const parent = useAppSelector((state) => state.fileManager[0].list?.parent);
const path = useAppSelector((state) => state.fileManager[0].pure_path);
const policy = useAppSelector((state) => state.fileManager[0].list?.storage_policy);
const parent = useAppSelector((state) => state.fileManager[FileManagerIndex.main].list?.parent);
const path = useAppSelector((state) => state.fileManager[FileManagerIndex.main].pure_path);
const policy = useAppSelector((state) => state.fileManager[FileManagerIndex.main].list?.storage_policy);
const selectFileSignal = useAppSelector((state) => state.globalState.uploadFileSignal);
const selectFolderSignal = useAppSelector((state) => state.globalState.uploadFolderSignal);
// Update path
pathRef.current = path;
const displayOpt = useActionDisplayOpt(
[],
ContextMenuTypes.empty,
parent,
FileManagerIndex.main,
);
useEffect(() => {
if (!parent) {
uploadEnabled.current = false;
return;
}
uploadEnabled.current = displayOpt.showUpload ?? false;
}, [parent, displayOpt.showUpload]);
const taskAdded = useCallback(
(original?: Base) => (tasks: Base[]) => {
@ -75,14 +89,14 @@ const Uploader = () => {
enqueueSnackbar(msg, { variant: type });
},
onDropOver: (_e) => {
if (pathRef.current === defaultTrashPath) {
if (!uploadEnabled.current) {
return;
}
dragCounter++;
setDropBgOpen((value) => !value);
},
onDropLeave: (_e) => {
if (pathRef.current === defaultTrashPath) {
if (!uploadEnabled.current) {
return;
}
dragCounter--;