From 06b6a5d3aef75bf3c7d948d0d030283dba1748fe Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 2 Jun 2022 15:31:25 +0200
Subject: [PATCH] ability to close file uploader

---
 packages/web/src/DragAndDropFileTarget.svelte | 19 ++++++++++++++++++-
 packages/web/src/stores.ts                    |  2 +-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/DragAndDropFileTarget.svelte b/packages/web/src/DragAndDropFileTarget.svelte
index 9e17238d3..88429fada 100644
--- a/packages/web/src/DragAndDropFileTarget.svelte
+++ b/packages/web/src/DragAndDropFileTarget.svelte
@@ -2,7 +2,7 @@
   import _ from 'lodash';
   import FontIcon from './icons/FontIcon.svelte';
 
-  import { extensions } from './stores';
+  import { extensions, isFileDragActive } from './stores';
 
   import getElectron from './utility/getElectron';
 
@@ -21,6 +21,15 @@
     </div>
     <div class="title">Drop the files to upload to DbGate</div>
     <div class="info">Supported file types: {fileTypeNames.join(', ')}</div>
+    <div
+      class="class-button"
+      on:click={() => {
+        $isFileDragActive = false;
+      }}
+    >
+      <FontIcon icon="icon close" padRight />
+      Close
+    </div>
   </div>
 </div>
 
@@ -53,4 +62,12 @@
     display: flex;
     justify-content: space-around;
   }
+
+  .class-button {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    font-size: 14pt;
+    cursor: pointer;
+  }
 </style>
diff --git a/packages/web/src/stores.ts b/packages/web/src/stores.ts
index 4efd690d7..421fbc868 100644
--- a/packages/web/src/stores.ts
+++ b/packages/web/src/stores.ts
@@ -89,7 +89,7 @@ export const openedSnackbars = writable([]);
 export const nullStore = readable(null, () => {});
 export const currentArchive = writableWithStorage('default', 'currentArchive');
 export const currentApplication = writableWithStorage(null, 'currentApplication');
-export const isFileDragActive = writable(false);
+export const isFileDragActive = writable(true);
 export const selectedCellsCallback = writable(null);
 export const loadingPluginStore = writable({
   loaded: false,