🐛 Fix infinite loading on drop file (#30)

Androz2091 · Jun 5, 2021 · a61d6ea · a61d6ea
1 parent 51d5662
commit a61d6ea
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -23,3 +23,5 @@ Discord Data Package Explorer is built with **[Svelte](https://svelte.dev)**, an
 * Clone the repository.
 * Install the dependencies using `npm install` or `yarn install`.
 * Start the app using `npm run dev` or `yarn dev`!
+
+> Note: for testing purposes, you may append `?demo` to the URL to use the mocked data.
diff --git a/src/views/Loader.svelte b/src/views/Loader.svelte
@@ -67,9 +67,15 @@
         event.preventDefault();
     }
 
+    /** @see https://developer.mozilla.org/en-US/docs/Web/API/Document/drop_event */
     function handleDrop (event) {
         event.preventDefault();
-        handleFile(event.dataTransfer.items[0].getAsFile());
+
+        if (event.dataTransfer.items[0].getAsFile() !== null) {
+            handleFile(event.dataTransfer.items[0].getAsFile());
+        } else {
+            error = 'Error trying to handle the dropped file. Try clicking instead.';
+        }
     }
 
     function filePopup (event) {