Merge pull request #12 from spivx/enhance-filter-placeholder

spivx · web-flow · commit 55bcacdbd81a · 2025-10-01T09:41:23.000+03:00
Update filter placeholder with example input based on default answer
diff --git a/hooks/use-answer-filter.ts b/hooks/use-answer-filter.ts
@@ -69,5 +69,12 @@ export function buildFilterPlaceholder(question: WizardQuestion | null) {
     return ""
   }
 
-  return `Filter ${question.answers.length} options`
+  const defaultAnswer = question.answers.find((answer) => answer.isDefault && !answer.disabled)
+  const exampleLabel = defaultAnswer?.label?.trim() || defaultAnswer?.value?.trim()
+
+  if (exampleLabel && exampleLabel.length > 0) {
+    return `Type ${exampleLabel} for example...`
+  }
+
+  return "Type to filter options..."
 }

Original file line number	Diff line number	Diff line change
`@@ -69,5 +69,12 @@ export function buildFilterPlaceholder(question: WizardQuestion \| null) {`
`69`	`69`	`return ""`
`70`	`70`	`}`
`71`	`71`
`72`		- return `Filter ${question.answers.length} options`
	`72`	`+ const defaultAnswer = question.answers.find((answer) => answer.isDefault && !answer.disabled)`
	`73`	`+ const exampleLabel = defaultAnswer?.label?.trim() \|\| defaultAnswer?.value?.trim()`
	`74`	`+`
	`75`	`+ if (exampleLabel && exampleLabel.length > 0) {`
	`76`	+ return `Type ${exampleLabel} for example...`
	`77`	`+ }`
	`78`	`+`
	`79`	`+ return "Type to filter options..."`
`73`	`80`	`}`