From 7d2b2c0a0051fe76c1499089388bb9cfc58b1d09 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Mon, 5 Jun 2023 06:09:08 +0200
Subject: [PATCH] feat: add suggested results to prop picker

---
 .../propertyPicker/PropPicker.svelte          | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/frontend/src/lib/components/propertyPicker/PropPicker.svelte b/frontend/src/lib/components/propertyPicker/PropPicker.svelte
index 0da4c8e807..474cc756b7 100644
--- a/frontend/src/lib/components/propertyPicker/PropPicker.svelte
+++ b/frontend/src/lib/components/propertyPicker/PropPicker.svelte
@@ -38,6 +38,10 @@
 			? pickableProperties.priorIds
 			: keepByKey(pickableProperties.priorIds, search)
 
+	$: suggestedPropsFiltered = $propPickerConfig
+		? keepByKey(pickableProperties.priorIds, $propPickerConfig.propName)
+		: undefined
+
 	async function loadVariables() {
 		variables = Object.fromEntries(
 			(
@@ -152,6 +156,21 @@
 				</div>
 			{/if}
 			{#if Object.keys(pickableProperties.priorIds).length > 0}
+				{#if suggestedPropsFiltered && Object.keys(suggestedPropsFiltered).length > 0}
+					<span class="font-bold text-sm">Suggested Results</span>
+					<div class="overflow-y-auto mb-2">
+						<ObjectViewer
+							allowCopy={false}
+							topLevelNode
+							pureViewer={!$propPickerConfig}
+							collapsed={false}
+							json={suggestedPropsFiltered}
+							on:select={(e) => {
+								dispatch('select', `results.${e.detail}`)
+							}}
+						/>
+					</div>
+				{/if}
 				<span class="font-bold text-sm">All Results</span>
 				<div class="overflow-y-auto mb-2">
 					<ObjectViewer