docs: fix select labels (#1380)

huntabyte · Oct 28, 2024 · 969ee4d · 969ee4d
1 parent 9c192a0
commit 969ee4d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/sites/docs/src/lib/registry/default/example/cards/report-issue.svelte b/sites/docs/src/lib/registry/default/example/cards/report-issue.svelte
@@ -52,10 +52,10 @@
 	const id = useId("report-issue");
 	let securityLevel = $state(securityLevels[1].value);
 	const securityLevelLabel = $derived(
-		securityLevels.find((l) => l.value === securityLevel) ?? "Select level"
+		securityLevels.find((l) => l.value === securityLevel)?.label ?? "Select level"
 	);
 	let area = $state(areas[1].value);
-	const areaLabel = $derived(areas.find((a) => a.value === area) ?? "Select");
+	const areaLabel = $derived(areas.find((a) => a.value === area)?.label ?? "Select");
 </script>
 
 <Card.Root>

diff --git a/sites/docs/src/lib/registry/new-york/example/cards/report-issue.svelte b/sites/docs/src/lib/registry/new-york/example/cards/report-issue.svelte
@@ -51,10 +51,10 @@
 	const id = useId("report-issue");
 	let securityLevel = $state(securityLevels[1].value);
 	const securityLevelLabel = $derived(
-		securityLevels.find((l) => l.value === securityLevel) ?? "Select level"
+		securityLevels.find((l) => l.value === securityLevel)?.label ?? "Select level"
 	);
 	let area = $state(areas[1].value);
-	const areaLabel = $derived(areas.find((a) => a.value === area) ?? "Select");
+	const areaLabel = $derived(areas.find((a) => a.value === area)?.label ?? "Select");
 </script>
 
 <Card.Root>

diff --git a/sites/docs/src/routes/(app)/examples/cards/(components)/report-issue.svelte b/sites/docs/src/routes/(app)/examples/cards/(components)/report-issue.svelte
@@ -52,10 +52,10 @@
 	const id = useId("report-issue");
 	let securityLevel = $state(securityLevels[1].value);
 	const securityLevelLabel = $derived(
-		securityLevels.find((l) => l.value === securityLevel) ?? "Select level"
+		securityLevels.find((l) => l.value === securityLevel)?.label ?? "Select level"
 	);
 	let area = $state(areas[1].value);
-	const areaLabel = $derived(areas.find((a) => a.value === area) ?? "Select");
+	const areaLabel = $derived(areas.find((a) => a.value === area)?.label ?? "Select");
 </script>
 
 <Card.Root>