From 1fd2b7207599e1bd9943960ed20127181d561bea Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Tue, 13 Aug 2024 14:17:58 +0600
Subject: [PATCH] web/remux: rename DropReceiver component

---
 .../misc/{DragDropArea.svelte => DropReceiver.svelte}       | 3 +++
 web/src/routes/remux/+page.svelte                           | 6 +++---
 2 files changed, 6 insertions(+), 3 deletions(-)
 rename web/src/components/misc/{DragDropArea.svelte => DropReceiver.svelte} (92%)

diff --git a/web/src/components/misc/DragDropArea.svelte b/web/src/components/misc/DropReceiver.svelte
similarity index 92%
rename from web/src/components/misc/DragDropArea.svelte
rename to web/src/components/misc/DropReceiver.svelte
index 61c11f8b..dec3f1a0 100644
--- a/web/src/components/misc/DragDropArea.svelte
+++ b/web/src/components/misc/DropReceiver.svelte
@@ -30,6 +30,9 @@
     on:dragend={() => {
         draggedOver = false;
     }}
+    on:dragleave={() => {
+        draggedOver = false;
+    }}
 >
     <slot></slot>
 </div>
diff --git a/web/src/routes/remux/+page.svelte b/web/src/routes/remux/+page.svelte
index ccef6ac2..17b6abeb 100644
--- a/web/src/routes/remux/+page.svelte
+++ b/web/src/routes/remux/+page.svelte
@@ -3,7 +3,7 @@
     import { openURL } from "$lib/download";
     import { t } from "$lib/i18n/translations";
 
-    import DragDropArea from "$components/misc/DragDropArea.svelte";
+    import DropReceiver from "$components/misc/DropReceiver.svelte";
     import OpenFileButton from "$components/misc/FileReceiver.svelte";
 
     let draggedOver = false;
@@ -30,7 +30,7 @@
     }
 </script>
 
-<DragDropArea id="remux-container" bind:draggedOver bind:file>
+<DropReceiver id="remux-container" bind:draggedOver bind:file>
     <div id="remux-inner">
         <OpenFileButton
             bind:draggedOver
@@ -50,7 +50,7 @@
             {$t("remux.description")}
         </div>
     </div>
-</DragDropArea>
+</DropReceiver>
 
 <style>
     :global(#remux-container) {