diff --git a/src/views/Explorer/FilesView/FileComponent.js b/src/views/Explorer/FilesView/FileComponent.js index d65d1ba22..a6e7c71e3 100644 --- a/src/views/Explorer/FilesView/FileComponent.js +++ b/src/views/Explorer/FilesView/FileComponent.js @@ -1,4 +1,5 @@ import React from "react"; +import ReactDOM from "react-dom"; import { Button, Card, @@ -7,6 +8,10 @@ import { DropdownItem, DropdownMenu, DropdownToggle, + Modal, + ModalHeader, + ModalBody, + ModalFooter, UncontrolledButtonDropdown } from "reactstrap"; @@ -23,7 +28,8 @@ import ErrorBoundary from "../../../ErrorHandling/ErrorBoundary"; async function performCopyMoveOperation(params) { const {srcRemoteName, srcRemotePath, destRemoteName, destRemotePath, Name, IsDir, dropEffect, updateHandler} = params; - if (dropEffect === "move") { /*Default operation without holding alt is copy, named as move in react-dnd*/ + + if (dropEffect === "copy") { /*Default operation without holding alt is copy, named as move in react-dnd*/ // if (component.props.canCopy) { await performCopyFile(srcRemoteName, srcRemotePath, destRemoteName, destRemotePath, Name, IsDir); updateHandler(); @@ -36,7 +42,7 @@ async function performCopyMoveOperation(params) { // toast.error("This remote does not support copying"); // } - } else { + } else if (dropEffect === "move") { // if (component.props.canMove) { await performMoveFile(srcRemoteName, srcRemotePath, destRemoteName, destRemotePath, Name, IsDir); updateHandler(); @@ -52,6 +58,40 @@ async function performCopyMoveOperation(params) { } } +let modalbox = true; +let operation = ""; + +const modalClose = () => { + const modalNode = document.getElementById("mainModalElement"); + ReactDOM.unmountComponentAtNode(modalNode); + ReactDOM.render(emptyElement, document.getElementById("modalElement")); +} + +const modalMove = () => { + const modalNode = document.getElementById("mainModalElement"); + ReactDOM.unmountComponentAtNode(modalNode); + operation = "move"; + ReactDOM.render(emptyElement, document.getElementById("modalElement")); +} + +const modalCopy = () => { + const modalNode = document.getElementById("mainModalElement"); + ReactDOM.unmountComponentAtNode(modalNode); + operation = "copy"; + ReactDOM.render(emptyElement, document.getElementById("modalElement")); +} + +let emptyElement = (
); +let modalElement = ( +