support multiple file drag

M3-org · Oct 22, 2023 · c319220 · c319220
1 parent fdd8315
commit c319220
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/FileDropComponent.jsx b/src/components/FileDropComponent.jsx
@@ -2,16 +2,16 @@
 import React, { useEffect, useState } from 'react';
 import styles from './FileDropComponent.module.css';
 
-export default function FileDropComponent ({onFileDrop}){
+export default function FileDropComponent ({onFilesDrop}){
   const [isDragging, setIsDragging] = useState(false);
 
   useEffect(() => {
     const handleDrop = (event) => {
       event.preventDefault();
       setIsDragging(false);
-      const file = event.dataTransfer.files[0];
-      if (onFileDrop) {
-        onFileDrop(file);
+      const files = event.dataTransfer.files;
+      if (onFilesDrop) {
+        onFilesDrop(files);
       }
     };
 

diff --git a/src/pages/Appearance.jsx b/src/pages/Appearance.jsx
@@ -83,7 +83,8 @@ function Appearance({
   // Translate hook
   const { t } = useContext(LanguageContext)
 
-  const handleFileDrop = async(file) => {
+  const handleFilesDrop = async(files) => {
+    const file = files[0];
     // Check if the file has the .fbx extension
     if (file && file.name.toLowerCase().endsWith('.fbx')) {
       const animName = getFileNameWithoutExtension(file.name);
@@ -111,7 +112,6 @@ function Appearance({
 
 
           const jsonSelection = {name: jsonName, thumb:thumbLocation,attributes:jsonAttributes}
-          console.log(jsonSelection);
           setJsonSelection(jsonSelection);
 
           jsonContent.attributes.forEach(attribute => {
@@ -155,7 +155,7 @@ function Appearance({
       </div>
       <div className={"sectionTitle"}>{t("pageTitles.chooseAppearance")}</div>
       <FileDropComponent 
-         onFileDrop={handleFileDrop}
+         onFilesDrop={handleFilesDrop}
       />
       <Editor
         animationManager={animationManager}