ability to close file uploader

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>

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,