Fix: add some missing highlight props to select components

krlvi · Jun 11, 2024 · 7ae018c · 7ae018c
1 parent bd33a2c
commit 7ae018c
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 9 deletions.
diff --git a/app/src/lib/components/AIPromptSelect.svelte b/app/src/lib/components/AIPromptSelect.svelte
@@ -52,7 +52,8 @@
 	wide={true}
 	label={promptUse === 'commits' ? 'Commit message' : 'Branch name'}
 >
-	<SelectItem slot="template" let:item let:selected {selected}>
+	<SelectItem slot="template" let:item let:selected {selected} let:highlighted {highlighted}>
 		{item.name}
+		{highlighted}
 	</SelectItem>
 </Select>
diff --git a/app/src/lib/components/PreferencesForm.svelte b/app/src/lib/components/PreferencesForm.svelte
@@ -153,7 +153,7 @@
 				on:select={updateSigningInfo}
 				label="Signing format"
 			>
-				<SelectItem slot="template" let:item>
+				<SelectItem slot="template" let:item let:selected {selected} let:highlighted {highlighted}>
 					{item.name}
 				</SelectItem>
 			</Select>

diff --git a/app/src/lib/components/ProjectSetupTarget.svelte b/app/src/lib/components/ProjectSetupTarget.svelte
@@ -91,7 +91,7 @@
 	<div class="project-setup__fields">
 		<div class="project-setup__field-wrap">
 			<Select items={remoteBranches} bind:value={selectedBranch} itemId="name" labelId="name">
-				<SelectItem slot="template" let:item let:selected {selected}>
+				<SelectItem slot="template" let:item let:selected {selected} let:highlighted {highlighted}>
 					{item.name}
 				</SelectItem>
 			</Select>
@@ -104,7 +104,14 @@
 		{#if remotes.length > 1}
 			<div class="project-setup__field-wrap">
 				<Select items={remotes} bind:value={selectedRemote} itemId="name" labelId="name">
-					<SelectItem slot="template" let:item let:selected {selected}>
+					<SelectItem
+						slot="template"
+						let:item
+						let:selected
+						{selected}
+						let:highlighted
+						{highlighted}
+					>
 						{item.name}
 					</SelectItem>
 				</Select>

diff --git a/app/src/lib/components/ProjectSwitcher.svelte b/app/src/lib/components/ProjectSwitcher.svelte
@@ -39,7 +39,7 @@
 		bind:value={selectValue}
 		bind:this={select}
 	>
-		<SelectItem slot="template" let:item let:selected {selected}>
+		<SelectItem slot="template" let:item let:selected {selected} let:highlighted {highlighted}>
 			{item.title}
 		</SelectItem>
 		<SelectItem

diff --git a/app/src/routes/settings/ai/+page.svelte b/app/src/routes/settings/ai/+page.svelte
@@ -173,7 +173,14 @@
 						labelId="name"
 						label="Do you want to provide your own key?"
 					>
-						<SelectItem slot="template" let:item>
+						<SelectItem
+							slot="template"
+							let:item
+							let:selected
+							{selected}
+							let:highlighted
+							{highlighted}
+						>
 							{item.name}
 						</SelectItem>
 					</Select>
@@ -196,7 +203,14 @@
 							labelId="name"
 							label="Model version"
 						>
-							<SelectItem slot="template" let:item>
+							<SelectItem
+								slot="template"
+								let:item
+								let:selected
+								{selected}
+								let:highlighted
+								{highlighted}
+							>
 								{item.name}
 							</SelectItem>
 						</Select>
@@ -235,7 +249,14 @@
 						labelId="name"
 						label="Do you want to provide your own key?"
 					>
-						<SelectItem slot="template" let:item>
+						<SelectItem
+							slot="template"
+							let:item
+							let:selected
+							{selected}
+							let:highlighted
+							{highlighted}
+						>
 							{item.name}
 						</SelectItem>
 					</Select>
@@ -263,7 +284,14 @@
 							labelId="name"
 							label="Model version"
 						>
-							<SelectItem slot="template" let:item>
+							<SelectItem
+								slot="template"
+								let:item
+								let:selected
+								{selected}
+								let:highlighted
+								{highlighted}
+							>
 								{item.name}
 							</SelectItem>
 						</Select>