From ed56c59ee87ec6ef667851053bdaab800afed532 Mon Sep 17 00:00:00 2001
From: Ronni Skansing <rskansing@gmail.com>
Date: Sat, 6 Jun 2026 11:56:49 +0200
Subject: [PATCH] use file upload component on attachments

Signed-off-by: Ronni Skansing <rskansing@gmail.com>
---
 frontend/src/routes/attachment/+page.svelte | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/frontend/src/routes/attachment/+page.svelte b/frontend/src/routes/attachment/+page.svelte
index 569905c..e5e7650 100644
--- a/frontend/src/routes/attachment/+page.svelte
+++ b/frontend/src/routes/attachment/+page.svelte
@@ -29,6 +29,7 @@
 	import CheckboxField from '$lib/components/CheckboxField.svelte';
 	import TableDropDownEllipsis from '$lib/components/table/TableDropDownEllipsis.svelte';
 	import DeleteAlert from '$lib/components/modal/DeleteAlert.svelte';
+	import FileField from '$lib/components/FileField.svelte';
 
 	// services
 	const appStateService = AppStateService.instance;
@@ -389,18 +390,7 @@
 						>
 					{/if}
 					{#if modalMode === 'create'}
-						<label for="file" class="flex flex-col py-2 w-60">
-							<p class="font-semibold text-slate-600 py-2">Files</p>
-
-							<input
-								id="files"
-								type="file"
-								name="files"
-								class="border-solid border-2 py-2 px-2 rounded-md file:px-4 file:py-2 file:text-white file:cursor-pointer file:text-sm file:font-semibold file:bg-cta-green hover:cursor-pointer file:hover:bg-cta-orange file:border-hidden file:rounded-md"
-								on:change={onFilesSelected}
-								multiple
-							/>
-						</label>
+						<FileField name="files" multiple on:change={onFilesSelected}>Files</FileField>
 					{/if}
 				</FormColumn>
 			</FormColumns>