Add a global image drop for dropping directly to the map screen

This commit is contained in:
Mitchell McCaffrey
2021-06-06 21:04:46 +10:00
parent 4e7ed1d625
commit 98f7744c1f
7 changed files with 178 additions and 7 deletions

View File

@@ -7,9 +7,10 @@ import EditTokenModal from "./EditTokenModal";
import ConfirmModal from "./ConfirmModal";
import Modal from "../components/Modal";
import ImageDrop from "../components/ImageDrop";
import LoadingOverlay from "../components/LoadingOverlay";
import ImageDrop from "../components/file/ImageDrop";
import TokenTiles from "../components/token/TokenTiles";
import TokenEditBar from "../components/token/TokenEditBar";
@@ -199,7 +200,7 @@ function SelectTokensModal({ isOpen, onRequestClose, onMapTokensStateCreate }) {
onRequestClose={onRequestClose}
style={{ maxWidth: layout.modalSize, width: "calc(100% - 16px)" }}
>
<ImageDrop onDrop={handleImagesUpload} dropText="Drop token to upload">
<ImageDrop onDrop={handleImagesUpload} dropText="Drop token to import">
<input
onChange={(event) => handleImagesUpload(event.target.files)}
type="file"