From 26c03525046e67de61af856857839f9dc3a34bd3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Mon, 11 Nov 2024 18:15:30 -0500
Subject: [PATCH] refactor(components): update band selector

allow for custom label to be passed to the form item
---
 components/story/atoms/bands.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/story/atoms/bands.vue b/components/story/atoms/bands.vue
index 5ca938a..843da53 100644
--- a/components/story/atoms/bands.vue
+++ b/components/story/atoms/bands.vue
@@ -3,7 +3,7 @@
 	import { RuleExpression, useField } from "vee-validate";
 	import { cs } from "@client/storyFormSchema";
 	import { IBand } from "@models/band";
-
+	const props = defineProps<{ label: string }>();
 	const bandlist = inject<IBand[]>("bandlist");
 	const fname = inject<string>("curName");
 	const { updateBands, sb } = inject<any>("selectedBands");
@@ -22,10 +22,11 @@
 </script>
 
 <template>
-	<a-form-item :validate-status="!!errorMessage ? 'error' : undefined" :help="errorMessage as any" label="Bands">
+	<a-form-item :validate-status="!!errorMessage ? 'error' : undefined" :help="errorMessage as any" :label="label || 'Bands'">
 		<a-select
 			v-bind="$attrs"
 			:allow-clear="true"
+			placement="topLeft"
 			mode="multiple"
 			option-filter-prop="label"
 			@change="