provectus/kafka-ui

Make applied filters editable

Open

#2513 opened on Sep 1, 2022

View on GitHub
 (0 comments) (1 reaction) (0 assignees)Java (7,799 stars) (977 forks)batch import
good first issuescope/frontendstatus/acceptedtype/enhancement

Description

Describe the bug Will be good to edit the already applied filter for Messages with click on it, to not open the filters one more time.

Set up https://www.kafka-ui.provectus.io/

Steps to Reproduce

Steps to reproduce the behavior:

  1. Navigate to Topic/Messages
  2. Apply filter (saved/custom)
  3. Click on applied filter

Expected behavior Should open the applied filter with possibility to edit

Screenshots

https://user-images.githubusercontent.com/104780608/187914284-6ad929d5-c803-4d9b-99df-cdbd5ded100f.mov

Contributor guide

Tech stack
reacttypescriptcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
None
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Investigate the Messages page component in the Kafka UI frontend codebase (likely under src/main/resources/frontend). Look for the applied filter display area, possibly in a FilterChip or similar component. Determine how filters are currently applied and if there's a click handler on the filter chip. The goal is to add a click handler that opens the filter edit dialog with the current filter values pre filled. Check for any existing editable filter patterns elsewhere in the UI.