Reflect filter selections in the search query input

Aperta
  • Qualcosa non va?
#2,751 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

Nessuno ha ancora preso questa issue.

  • #2795 di @Official-Krish — chiusa senza merge

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
52/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
typescript
Ambito
frontend, observability

Direzione di ricerca

Inizia dalla barra laterale dei filtri e dal campo di query, quindi segui come sono collegati lo stato dei filtri esistente, il testo della query e i filter pill renderizzati. Verifica entrambi i dialetti di query supportati e identifica i punti di ingresso per il parsing e la generazione. Il lavoro è completato quando la selezione dei filtri aggiorna il testo della query modificabile e la modifica di entrambi i dialetti aggiorna le selezioni dei filtri corrispondenti senza perdere condizioni.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement Frontend

Selecting a value in the filter sidebar applies it to the search, but the query input doesn't show it. Filter state and query text live in two places, so the input never reflects the full set of conditions actually being applied.

Make the two representations one: selecting a filter writes the corresponding condition into the query input, and editing the query updates the filter selections to match.

Notes:

  • Needs to work for both query dialects the input supports, which is the main source of complexity — round-tripping requires parsing query text back into filter state, not just generating it.
  • Today this is partially addressed by pills rendered below the input, which surface that filters are applied without making them editable as query text.
Lingua principale
TypeScript
Stelle
10k
Fork
508
Merge medio
2g 9h
PR unite (30g)
156

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di hyperdxio/hyperdx

Tutte le issue di hyperdxio/hyperdx

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.