From 43f67c795dc5348b8e28a50e8d4a7fbaa86f58be Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Wed, 2 Mar 2022 16:55:04 +0100
Subject: [PATCH] don't remove already selected files

---
 frontend/src/lib/ui/FileUpload.svelte | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/ui/FileUpload.svelte b/frontend/src/lib/ui/FileUpload.svelte
index 243aa29..f158349 100644
--- a/frontend/src/lib/ui/FileUpload.svelte
+++ b/frontend/src/lib/ui/FileUpload.svelte
@@ -3,6 +3,7 @@
 	import { Files } from '$lib/files'
 	import { createEventDispatcher } from 'svelte'
 	import { t } from 'svelte-intl-precompile'
+	import Button from './Button.svelte'
 	import MaxSize from './MaxSize.svelte'
 
 	export let label: string = ''
@@ -13,7 +14,7 @@
 	async function onInput(e: Event) {
 		const input = e.target as HTMLInputElement
 		if (input?.files?.length) {
-			files = Array.from(input.files)
+			files = [...files, ...Array.from(input.files)]
 			const data: FileDTO[] = await Promise.all(
 				files.map(async (file) => ({
 					name: file.name,
@@ -27,6 +28,12 @@
 			dispatch('file', '')
 		}
 	}
+
+	function clear(e: Event) {
+		e.preventDefault()
+		files = []
+		dispatch('file', '')
+	}
 </script>
 
 <label>
@@ -43,6 +50,8 @@
 						{file.name}
 					</div>
 				{/each}
+				<div class="spacer" />
+				<Button on:click={clear}>Clear</Button>
 			</div>
 		{:else}
 			<div>
@@ -66,4 +75,8 @@
 		align-items: center;
 		cursor: pointer;
 	}
+
+	.spacer {
+		margin-top: 1rem;
+	}
 </style>