Single keyword input for keyword research (Enter submits) (#391)

This commit is contained in:
Ben Senescu 2026-07-15 21:07:42 -04:00 committed by Ben Senescu
parent 0f08437cd0
commit 955cdcc751

View File

@ -47,17 +47,14 @@ export function KeywordResearchSearchBar({ controller }: Props) {
<textarea <textarea
className="grow min-w-0 resize-none bg-transparent text-sm leading-6 outline-none placeholder:text-base-content/40" className="grow min-w-0 resize-none bg-transparent text-sm leading-6 outline-none placeholder:text-base-content/40"
rows={rows} rows={rows}
placeholder="Enter keywords, one per line" placeholder="Enter a keyword"
value={field.state.value} value={field.state.value}
onChange={(event) => field.handleChange(event.target.value)} onChange={(event) => field.handleChange(event.target.value)}
onKeyDown={(event) => { onKeyDown={(event) => {
// Cmd/Ctrl+Enter submits without leaving a stray newline. // Enter submits. Shift+Enter inserts a newline, so
// Bare Enter stays as the textarea default (insert newline) // researching several keywords at once means adding a
// so multi-keyword input remains discoverable. // line per keyword (or pasting newline-separated ones).
if ( if (event.key === "Enter" && !event.shiftKey) {
event.key === "Enter" &&
(event.metaKey || event.ctrlKey)
) {
event.preventDefault(); event.preventDefault();
void controlsForm.handleSubmit(); void controlsForm.handleSubmit();
} }