From df72a1ff8a0e8a33dd5176c5ad8deef9443ff1e7 Mon Sep 17 00:00:00 2001
From: not-nullptr <needhelpwithrift@gmail.com>
Date: Fri, 15 Nov 2024 23:22:17 +0000
Subject: [PATCH] feat: upload button

---
 src/routes/convert/+page.svelte | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/routes/convert/+page.svelte b/src/routes/convert/+page.svelte
index 8700d29..76a50ad 100644
--- a/src/routes/convert/+page.svelte
+++ b/src/routes/convert/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import Dropdown from "$lib/components/functional/Dropdown.svelte";
+	import Uploader from "$lib/components/functional/Uploader.svelte";
 	import Panel from "$lib/components/visual/Panel.svelte";
 	import ProgressBar from "$lib/components/visual/ProgressBar.svelte";
 	import { files } from "$lib/store/index.svelte";
@@ -93,7 +94,16 @@
 		style="grid-template-columns: repeat(2, 1fr); grid-auto-rows: 240px; gap: 16px"
 	>
 		{#each files.files as file, i (file.id)}
+			{#if files.files.length >= 2 && i === 1}
+				<Uploader class="w-full h-full" />
+			{/if}
 			{@render fileItem(file, i)}
+			{#if files.files.length < 2}
+				<Uploader class="w-full h-full" />
+			{/if}
 		{/each}
+		{#if files.files.length === 0}
+			<Uploader class="w-full h-full" />
+		{/if}
 	</div>
 </div>