From 693f2d3c9b15216ea6eaa502e53c4b17ff8fd99e Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Thu, 20 Feb 2025 16:57:56 +0100
Subject: frontend: Use explicit placeholder for filter fields

Instead of showing the generic "Select..." placeholder, use a more
specific "Include..." or "Exclude..." placeholder.
---
 frontend/src/lib/filter/components/Filter.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'frontend')

diff --git a/frontend/src/lib/filter/components/Filter.svelte b/frontend/src/lib/filter/components/Filter.svelte
index 4ebbd7f..8264771 100644
--- a/frontend/src/lib/filter/components/Filter.svelte
+++ b/frontend/src/lib/filter/components/Filter.svelte
@@ -15,6 +15,7 @@
 
 	let { title, type, options, filter, accel, wide = false }: Props = $props();
 	let exclude = $derived(type === 'exclude');
+	let placeholder = $derived(exclude ? 'Exclude...' : 'Include...');
 
 	const id = `${type}-${title.toLowerCase()}`;
 </script>
@@ -64,5 +65,5 @@
 			</button>
 		</div>
 	</div>
-	<Select multi clearable {options} {id} bind:value={filter.values} />
+	<Select multi clearable {placeholder} {options} {id} bind:value={filter.values} />
 </div>
-- 
cgit v1.2.3-2-gb3c3